2016/04/05

5分で始める、Anugular2のquickstartを試してみた

5分で始める、Anugular2のquickstartを試してみた

そろそろAngular2を試してみようと思い、リファレンスサイトを覗いたところ、「5 MIN QUICKSTART」とあったので試しに5分で導入してみました。

導入

054d67924ab46cc4ff3f695843496d2a.png

リファレンスページからダウンロードに移動します。jsのタイプをtypscriptかjsかdartの選択肢があったのですが、個人的にtypescriptが使いやすかったのでtypescriptを選択しました。

cfa884407aaae59775710d329c2b8863.png

このページに書かれている通りに導入。

git clone  https://github.com/angular/quickstart
cd quickstart
rm -rf .git
npm install

あとは実行

npm start

お、出た!

2c9ed65214271c89aa5b72d33c25d971.png

ここまで確かに5分!!

ディレクトリ構成は以下のような感じです。 ae3e510d4e8d3e93f6e2b6df7d5986de.png

appの中にcomponentたちがあるシンプルな構成です。 実際触っていくのは、main.ts、app.component.ts、index.htmlあたりですかね。

しかしタイトルが出ただけだったので、物寂しさを感じます。。 せっかくなので、勉強がてらこの土台を応用してtodoぽいアプリをってみようと思います。