Yeoman覚書

Yeoman.md

Yeomanについて

http://yeoman.io/

• yo
• grunt
• bower

で構成されるワークフロー

---

node.jsのインストール

$ brew install node

npmも同胞してるみたい

確認

$ node -v
$ npm -v

---

GruntとBowerのインストール

$ npm install -g yo

---

generatorのインストール

yoは数タイプのアプリケーションを生成できる．

デフォルトアプリケーション

$ npm install -g generator-webapp

ひな形作成

$ yo webapp 

依存関係をインストール

$ bower install <package>

はpackage.jsonに記載があるもの

ビルド

$ grunt

AngularJSアプリケーション

$ npm install -g generator-angular
$ yo angular

Out of the box I include Bootstrap and some AngularJS recommended modules.

[?] Would you like to use Sass (with Compass)? Yes
[?] Would you like to include Twitter Bootstrap? Yes
[?] Would you like to use the Sass version of Twitter Bootstrap? Yes
[?] Which modules would you like to include? (Press <space> to select)
❯⬢ angular-resource.js
 ⬢ angular-cookies.js
 ⬢ angular-sanitize.js
 ⬢ angular-route.js

$ bower install angular-ui
$ grunt test
$ grunt serve
$ grunt

---

開発

---

Bootstrap連携

$ bower install angular-bootstrap --save

参考

http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/