読者です 読者をやめる 読者になる 読者になる

albatrosary's blog

Azure と Angular と Wercker CI とか

ng-poly - Yeoman Advent Calendar 2015

Yeoman Angular

ng-poly を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月6日の記事です。

www.npmjs.com

インストール

$ 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

最後に

テンプレート画面はちょい地味すぎて参考にはならなそう