tyoshikawa1106のブログ

- Force.com Developer Blog -

Angular 2 StarterとAngular 2 Style Guideについて確認してみました

Angular 2 StarterとAngular 2 Style Guideについて確認してみました。Angular2の基本的な使い方はQuick StartとTutorialで確認できましたが、実際にアプリ開発を進めていく場合、どのようなファイル構成にすればいいのかなとなりました。


Angular 2 Starterではオススメのファイル構成が紹介されています。またサンプルコードをダウンロードして動かしてみることも可能です。

f:id:tyoshikawa1106:20160501002344p:plain

Angular 2 Starter by AngularClass


サンプルコードのダウンロードと実行方法は次のような感じです。

$ git clone https://github.com/angular-class/angular2-webpack-starter.git 
$ cd angular2-webpack-starter
$ npm install
$ npm start


これで、http://localhost:3000にアクセスすればアプリが表示されました。これをベースにアプリ開発を始めていけば良さそうです。
f:id:tyoshikawa1106:20160501002833p:plain


Angular 2 Style Guideの方では開発時のベストプラクティス的な情報が公開されています。こちらはもう少しAngular2が理解できてからまた確認してみようと思いました。
f:id:tyoshikawa1106:20160501003953p:plain


Angular 2 StarterとAngular 2 Style Guideについてですが、こちらの動画で紹介されていました。