web-dev-qa-db-ja.com

Angular 2.0にNode.jsをインストールするのはなぜですか?

Angular 2.0のチュートリアルを開始しました。ワークスペースをセットアップする最初のステップは、Node.jsとNPMのインストールです。

Angular 2.0にNode.jsをインストールするのはなぜですか?

angular 1.Xでこれを行ったことを覚えていません。

45
user2572003

技術的に、Angular2の作業にはNode.jsとNPMは必要ありません。それはしかし物事を容易にします。この選択の背後にあると推測する主な理由は次のとおりです。

  • CLI:しばらくしてから、新しいAngularアプリを構築して開発するための事実上の方法は CLIツール は、NodeおよびNPMにも依存しています。

  • TypeScript:例は.tsであり、コンパイラステップを実行して.jsに入れる必要があります。これはオンザフライで簡単に実行できます。 Node.jsとNPMを使用(さらに、入力ファイルを簡単に取得する方法です);

  • Webサーバー:軽量のWebサーバーであるにもかかわらず、Angular SPAを「実際の」Webサービスから提供すると、 file://リンクを使用するサイト。

クイックスタートガイド自体にも、実際にはいくつかのより具体的な理由が記載されています。

これらのスクリプトの機能は次のとおりです。

  • npm start-コンパイラーとサーバーを同時に「監視モード」で実行します

  • npm run tsc-TypeScriptコンパイラーを1回実行します

  • npm run tsc:w-監視モードでTypeScriptコンパイラーを実行します。プロセスは実行を続け、TypeScriptファイルへの変更を待機し、それらが検出されたときに再コンパイルします

  • npm run lite-lite-serverを実行します。これは、ルーティングを使用するAngularアプリの優れたサポートを備えた軽量の静的ファイルサーバーです

  • npm run typings-タイピングツールを個別に実行します

  • npm run postinstall-パッケージのインストールが正常に完了した後、npmによって自動的に呼び出されます。このスクリプトは、typings.jsonで定義されたTypeScript定義ファイルをインストールします

クイックスタートソース を見て、NPMが必要な場所をさらに掘り下げることもできます。


脚注: AngularJS(1.x)にNode.jsが必要なことについての同様の質問 があります。

39
Jeroen

Anglar2はTypeScript、Webコンポーネント、およびES6に基づいているため、パフォーマンスと幅広いブラウザーサポートのためにコンパイルが必要です。 TypeScriptは ES5にコンパイル済み JavaScriptであり、他の機能には下位互換性のためにshimが必要です。

TypeScriptはJavaScriptのスーパーセットであり、とにかくJavaScriptにコンパイルされているため、プレーンJavaScriptでコードを記述できますが、推奨されません。

詳細な説明については、YouTubeでこれらのビデオをご覧ください。

7
Peter

NodeJSは、Angularで使用するライブラリとパッケージをダウンロードできるツールnpmを提供します。シェルから、フォルダーに移動し、npm installと入力して、インストールに必要な依存関係をインストールします。 angularプロジェクトが進行中です。簡単になります!完全なスターターキットが必要な場合は、 https://github.com/buckyroberts にアクセスして、すべてのスターターファイルを含むZipをforkまたはダウンロードしてください:)

2
user5504353

JQuery、AngularJS、ReactJS、Angular2など、フロントエンドJavaScriptフレームワークを使用するために、本番環境でNodeを使用する必要はありません。

Angular2は単独で使用できますが、開発環境を向上させるには、nodejsおよびnpmでangle2を使用する必要があります。 nodejsモジュールの一部は、Web開発に役立ちます。

0
Rohit Luthra