スポンサーリンク

Windows8.1にAngular4をインストール

以下の本を読み始めて、Angular2をやってみたくなった!


2017/1/18発売

(環境)
Windows8.1
Node 6.9.1
@angular/cli: 1.0.0
@angular/core: 4.0.1
VisualStudioCode

(参考)

http://qiita.com/mry_p/items/a6535fe06fe43d7c89c5
Angular2
の開発環境を構築する
mry_p
2017年03月11日に投稿

http://qiita.com/kitfactory/items/c95ca84371670b21f4ac
Angular CLIによるAngular2入門 / Angular2アプリを爆速開発
kitfactory
2016年09月19日に更新

(1)angular-cli のインストール

node -v
npm -v
git --version

image

image

npm install -g @angular/cli

image

image

ng --version

image

ここで、ちょっと、VisualStudioCodeの拡張機能を適当にインストールしてみた。

image

(2)プロジェクトの作成

ng new MyApp

image image

cd MyApp
ng serve

image image

image

image

と出るので、ブラウザで、http://localhost:4200 とすると、
(4000ではなく、4200)

image

お、できた。これは簡単。

ちなみに、ng serve は、Ctrl+C で、Y => Enterすると、サーバが止まる。

image

ここからアプリを作っていくのは大変そうだけど、、、

bootstrapにしようかな?onsen-uiにしようかな?

image

今後の参考

http://qiita.com/Yamamoto0525/items/5d4508a06effd4d6e40e
Angular+Firebaseでcanvasを描くWEBアプリを作る
Yamamoto0525
2016年12月27日に更新

http://qiita.com/puku0x/items/301800e43a78c046a085
OnsenUI2 + Angular2 + PhoneGapの雛形を作る
puku0x
2016年12月14日に更新

http://qiita.com/coboco/items/07023c61a69006a2f58e
Onsen UI + Monacaでクイズアプリを10分で作る
coboco
2016年12月27日に更新

スポンサーリンク