NetBeansでAngular 2を使用するにはどうすればよいですか？

Question

NetBeansでAngular 2を使用してHTML/JSプロジェクトを作成しようとするチュートリアルを試しましたが、うまくいきませんでした。おそらく、私のnpmが盗聴されているかもしれません（例えば、検索は機能しません）。

npm installで作成されたnode_modulesフォルダは、NetBeans上ではグレーで、一部のファイルにはエラーがあります（これは正常かどうかわかりません）。すべて.jsnode_modulesフォルダからインポートしようとすると、エラーFailed to load resource: net::ERR_EMPTY_RESPONSE/Uncaught ReferenceError: System is not definedと表示されます。

私は何が間違っている可能性がありますか？または、ダウンロードするコードを持つチュートリアルを知っている人はいますか？私は自分が行っていることと比較して、正しいものが何であるか見ることができます。私が見つけたすべてのチュートリアルには、コードをダウンロードするコードはありません。説明のためにページのコードの一部だけです。 ソーリーこれは良い質問ではないが、私は成功なしで昨日以来この仕事をしようとしてきたと私は完全に考えていない。

Answer 1

私は角CLIインストールすることをお勧めします。このツールに関するnpm install -g angular-cli@webpack

フォアもっとに関する情報を、ここで見てみましょう：https://cli.angular.io/

が続いng new <app-name>

この意志を持つ新しいAngular2アプリを作成します現在のフォルダに完全かつ有効なAngular2アプリケーションを作成します。

cd <app-name>ng serveでアプリを起動してください。

ブラウザで新しく作成したアプリをlocalhost:4200にチェックしてください。

これが機能する場合は、NetBeansを使い始めることができます。 :)

Answer 2

まず私はhttps://github.com/Everlaw/nbts/releasesからEverlawの活字体のプラグインをインストール

あなたnode_modulesフォルダ内のエラーを最小限に抑えるために、NodeJSとNPMの最後のバージョンにアップグレードすることをお勧めします。 Netbeans 8.1を使用している場合は、プラグインインストーラから直接インストールできます。私はNetBeans 8.2を使用しており、プラグインを手動でインストールする際に問題はありません。

NetBeansでツール - >オプション - > HTML/JS - > Node.jsに移動し、正しいノードとNPMのパスとソースを記述すると、そのパネルの3つのチェックボックスにチェックを入れることをおすすめします。

quickstartデモをangular.ioページから試してみるには、package.jsonを変更する必要はありません。 私はのindex.htmlスクリプトソースで変更を加えたり、プロジェクトファイルを変更しないためにプロジェクトフォルダに直接のindex.htmlファイルを置く角度2アプリケーションをデバッグしようとした最初の時間構造がありますが、プロジェクトのいくつかのプロパティを変更する必要があります：プロジェクトウィンドウで

• プロジェクトを右クリックして[プロパティを選択します。
• ソースで、サイトルートフォルダを参照ボタンを使用して変更し、プロジェクトフォルダを選択します（表示される警告は無視してください）。
• 実行中選択実行者：Webアプリケーション。
• は、私が選択ブラウザを推奨：ChromeをNetBeansのコネクタ
• で[参照]ボタンをプロジェクトフォルダに移動し、あなたのスタートファイルとしてのindex.htmlを選択し使用します。
• 選択Webサーバー：埋め込みLightweight。
• そして最後に

Webルート書き込み/ Your_Project_Folderで実行 NPMは、NetBeans

からをインストールし、あなたのHTMLまたはtypescriptですが編集した場合、実行ボタンをクリックして、Webアプリケーションはクロームで開く必要がありますファイルを保存し、アプリケーションを再デバッグすることなくブラウザの変更をリアルタイムで見ることができます。ブラウザDOMウィンドウを使用して、角度2で作成された要素を探索できます。

NetBeansがHTMLのAngularized構文と完全に互換性がないため、ファイルにいくつかのエラーが表示されます。しかし、それは完璧に実行されます。

起動スクリプトをNetbeansから直接実行して、lite-Serverを使用してプロジェクトを実行することもできます。

Screenshot NetBeans - Angular 2