Angular 2の入門から放棄まで

概要
Angular 2は、GoogleによってメンテナンスされたオープンソースJavaScriptライブラリで、単一ページアプリケーションの実行を支援します.
Angular 2はAngular 1である.xのアップグレードバージョンは、性能が著しく向上し、Web開発コンポーネントをよくサポートできます.
Angular 2は2016年9月に発表され、ES 6に基づいて開発された.
Angular 2を学ぶ前に、HTML、CSS、JavaScriptという基本的なフロントエンド基盤が必要です.
また、NPMやTypeScriptについても理解する必要があります.
Angular 2 Type Script環境構成
公式にはTypeScriptを使用してAngularのアプリケーションを作成することをお勧めします.TypeScriptはマイクロソフトが開発した自由でオープンソースのプログラミング言語で、JavaScriptのスーパーセットであり、JavaScriptの文法を拡張しています.
開始前に、npmがインストールされていることを確認する必要があります.npm公式サイトのミラーリングは国内訪問が遅いため、ここでは宝を洗うnpmミラーを使用しています.インストール方法は以下の通りです.

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

実行後、cnpmコマンドを使用してモジュールをインストールできます:$cnpm install
ステップ1:プロジェクトの作成と構成
ディレクトリの作成

$ mkdir angular-quickstart
$ cd angular-quickstart

プロファイルの作成
Angularプロジェクトには、次のプロファイルが必要です.

package.jsonは、本プロジェクトに必要なnpm依存パッケージをマークします.

tsconfig.jsonは、TypeScriptコンパイラがプロジェクトソースファイルからJavaScriptコードを生成する方法を定義します.

typings.jsonは、TypeScriptコンパイラで認識できないライブラリに追加の定義ファイルを提供します.

systemjs.config.jsは、モジュールローダにアプリケーションモジュールを検索する場所の情報を提供し、必要なすべての依存パッケージを登録します.ドキュメントの後の例で使用するパッケージも含まれています.