とりあえず Angular2 を触ってみよう。合わなければやめる方向で。

TUTORIAL: TOUR OF HEROES

環境構築

そもそも node と npm が入ってないので入れる。 nvm(NodeVersionManager)

1

% brew install nvm

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

Add NVM's working directory to your $HOME path (if it doesn't exist):

  mkdir ~/.nvm

Copy nvm-exec to NVM's working directory

  cp $(brew --prefix nvm)/nvm-exec ~/.nvm/

Add the following to $HOME/.bashrc, $HOME/.zshrc, or your shell's
equivalent configuration file:

  export NVM_DIR=~/.nvm
  source $(brew --prefix nvm)/nvm.sh

Type `nvm help` for further information.

と言われたので、

1
2
3
4
5

% mkdir ~/.nvm
% cp $(brew --prefix nvm)/nvm-exec ~/.nvm/
% echo 'export NVM_DIR=~/.nvm' >> .zshrc.mine
% echo 'source $(brew --prefix nvm)/nvm.sh'  >> .zshrc.mine
% soruce ~/.zshrc

これで nvm が使えるようになった。node をインストールする。

1
2
3

% nvm --version
% nvm ls-remote #利用可能なnodeのバージョン
% nvm install v5.9.0  #一番新しそうなver

1
2
3
4
5

% node -v
v5.9.0

% npm -v
3.7.3

いよいよチュートリアル

5 MIN QUICKSTART 全然 5 分ぢゃない・・・

まずは環境構築。tsconfig.json, typings.json, package.json を用意して・・・

1

% npm install

app/app.component.ts, app/main.ts, index.html, style.css, を追加して

1

% npm start

上記で、“My First Angular 2 App” が表示されることを確認。動いてるっぽい。

今回はとりあえずここまで。