转载

【Git@OSC 项目推荐】AngularJS 前端开发神器

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

  1. Allow you to choose from different UI framework: Bootstrap, Bootstrap-Sass , Foundation , Semantic-UI , Angular-Material ,Materialize, UIKit and AmazeUI .
  2. 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).
  3. This generator will use Gulp by default.
  4. The dist compilation will be little different, all templates will get generate into js files.
  5. 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.
  6. Chinese option!
  7. 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 兼容作好准备。

新加入的功能

  1. 可选多种不同的界面库: Bootstrap, Bootstrap-Sass , Foundation , Semantic-UI , Angular-Material ,Materialize, UIKit and AmazeUI .
  2. 当angular 2进入beta时,你可以选不同版本。
  3. 使用gulp为任务助手。
  4. 模塊使用DOM模式加入(不在HTML里加attribute), 让开发者更简单地改用AMD方案。
  5. 內部开发改善,一起步便mini safe。
  6. 可选中文。 yo ng-panes --cn
  7. 把项目的设置保存 ($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
正文到此结束
Loading...