AngularJS2のセットアップ

私の使用している環境は

OSX Yosemite10.10

AngularJS2を使用するのに↓のリンクを使ってもいいのですが、

https://code.angularjs.org/tools/system.js

https://code.angularjs.org/tools/typescript.js

https://code.angularjs.org/2.0.0-alpha.44/angular2.dev.js

自分の環境だけで完結するシステムを作りたい場合は、AngularJS2自体を自分の環境に持ってきます。

 

まずはNode.jsをこちらからインストールする必要があります。

コマンドラインで上の用にコマンドしてNode.jsのバージョンが表示されたらインストール成功。

上のコマンドでアプリ内にpackage.jsonというファイルができます。

このファイルの”scripts”というメソッドができているので、これを下の様に書き換えます。

angular2-quickstart
└── src
├── app
│ └── app.ts
└── index.html

っという構造でapp.stとindex.htmlを作成する。

index.htmlは以下のようにする。

app.tsは以下のようにする。

ターミナルウィンドウを開いて、アプリのルートで

を実行します。

そうすると

angular2-quickstart
└── src
├── app

│├──app.js (※これが追加されている)

│├──app.js.map (※これ追加されている)

│ └── app.ts
└── index.html

となります。

localhostのブラウザで確認して、↓が表示されたらOKです。

My First Angular 2 App