yeoman generator-ng-panes
Awesome friend yeoman !
Based on the original generator-angular with some extra methods, and getting it ready to work with io.js.
Please help out to test it! Many thanks!
NEW FEATURES
- Allow you to choose from different UI framework: Bootstrap, Bootstrap-Sass , Foundation , Semantic-UI , Angular-Material ,Materialize, UIKit and AmazeUI .
- This generator will be ready for AngularJS 2.0 when its ready. At the moment, ask you if you want to use V1 or V2 (but it will always set to V1 for the time being).
- This generator will use Gulp by default.
- The dist compilation will be little different, all templates will get generate into js files.
- The Angular module configuration will be a little bit different. It will use angular DOM attachment instead of writing it into the HTML. This will give you the opportunity to use dynamic loading scheme.
- Chinese option!
- You can save your settings (saved into $HOME/.panes/ng-panes-preference.json) and allow you create the exact same project again.
And more.
This is part of the panes.js series of tools.
Installation
Install it just like any generators:
$ npm install -g yo generator-ng-panes
Now you exit the generator-ng-panes
folder.
$ cd .. $ mkdir testProject $ cd testProject $ yo ng-panes
You are good to go!
Create Controller
$ yo ng-panes:controller CONTROLLER_NAME $ create controller in /app/controller/CONTROLLER_NAME.js
Create Service
$ yo ng-panes:service SERVICE_NAME $ create service in /app/service/SERVICE_NAME.js
Create View
$ yo ng-panes:view VIEW_NAME $ create view in /app/view/VIEW_NAME.html
Skip check for previous project
$ yo ng-panes --sc
OR
$ yo ng-panes --skip-check
Help
yo ng-panes --help
License
BSD license
yeoman generator-ng-panes 前端开发神器
基于 generator-angular 再开发,加入了许多新功能和为io.js 兼容作好准备。
新加入的功能
- 可选多种不同的界面库: Bootstrap, Bootstrap-Sass , Foundation , Semantic-UI , Angular-Material ,Materialize, UIKit and AmazeUI .
- 当angular 2进入beta时,你可以选不同版本。
- 使用gulp为任务助手。
- 模塊使用DOM模式加入(不在HTML里加attribute), 让开发者更简单地改用AMD方案。
- 內部开发改善,一起步便mini safe。
- 可选中文。
yo ng-panes --cn
- 把项目的设置保存 ($HOME/.panes/ng-panes-preference.json), 同时可以使用保存的项目设置来建立新的项目。
还有更多
这是panes.js框架系列的其中一个开发助手工具。
安装
这个开发器在npm上注册。请跟据以下指令安装:
$ npm install -g yo generator-ng-panes
或者用淘宝镜像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org $ cnpm install -g generator-ng-panes
建立项目:
$ mkdir testProject $ cd testProject $ yo ng-panes --cn
邦助
yo ng-panes --help --cn