ng-poly を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月6日の記事です。
インストール
$ npm install -g generator-ng-poly $ yo ng-poly
何と言っても構成選択が多い
? What is the app's name?
mkdir プロジェクト名してたとこを対話式で
Angular
Angularは1.4、1.3、1.2から選択
Markup Language
HAML, HTML, Jadeから選択
Application Scripting Language
CoffeeScript, EcmaScript2015 (ES6) using Babel , JavaScript (ES5) , TypeScript から選択
Application Scripting Language
CoffeeScript, EcmaScript2015 (ES6) using Babel , JavaScript (ES5) , TypeScript から選択
Unit testing framework
Jasmine, Mocha with Chai から選択
e2e testing framework
Jasmine, Mocha with Chai から選択
Style language
CSS、LESS、SCSS、Stylus から選択
CSS framework
Angular Material、Bootstrap with AngularStrap、Bootstrap with UI Bootstrap、Foundation with Angular Foundation から選択
Router
ngRouteかUI Routerから選択
実行
$ gulp
ブラウザが立ち上がりアプリが表示される
コマンド
- ng-poly (a.k.a. ng-poly:app)
- ng-poly:constant
- ng-poly:controller
- ng-poly:decorator
- ng-poly:directive
- ng-poly:factory
- ng-poly:filter
- ng-poly:module
- ng-poly:provider
- ng-poly:route
- ng-poly:service
- ng-poly:value
- ng-poly:view
- ng-poly:element
最後に
テンプレート画面はちょい地味すぎて参考にはならなそう
