一个不错的基于yeoman的angularjs生成器

Github地址

https://github.com/rchampourlier/generator-gulp-ng-fast

##介绍
这是一个基于yeoman的生成器,用于生成一个基于一个Angular应用的最佳实践的推荐模式。它以Jessie Evangelista编写的generator-gulp-ng组件为基础,附加了针对Coffeescript、Less和Jade的支持,提供了更……加快速的开发模式。
使用Gulp吧!(JS构建工具有足够的说服力!),还有Bower和NPM。

生成的目录结构

app/
  components/
    app_service.js
    app_service_test.js
  main/
    main.html
    main_controller.js
    main_controller_test.js
  app.css
  app.js
  app_controller.js
  app_controller_test.js
  index.html
bower_components/
node_modules/
.bowerrc
.gitignore
README.md
bower.json
gulpgile.js
karma-unit.js
package.json

功能

  • 遵循建议的AngularJS项目结构的最佳实践。
  • 所有应用目录内的Coffee/JS文件均被编译和拼接,置入build/app.js文件中。
  • 所有除了index.html之外的应用文件夹内Jade/HTML文件均被拼接和编译,置入 build/templates.js文件,且被加载至AngularJS的templateCache
  • 所有应用目录内的Less/CSS文件均被拼接置入build/app.css文件。
  • 所以在bower_components文件夹内的JS文件均被拼接至build/lib.js文件。
  • 所有在bower_components文件夹内的CSS文件均被拼接至build/lib.css文件。
  • index.jade/index.html文件被编译且复制到build/index.html文件中。
  • 一个运行在9000端口的静态web服务器,支持livereload。
  • 当任一在build文件夹内的HTML, JS或CSS文件发生变动,浏览器将会自动刷新。
  • 当关联文件发生变化时,Karma测试运行器会自动执行单元测试。

先决条件

用法

npm install -g generator-gulp-ng-fast
mkdir my-app && cd my-app && yo gulp-ng-fast
npm install
npm install -g karma-cli
bower install
gulp
karma start karma-unit.js

然后打开浏览器访问http://localhost:9000开始干活。

支持

如有问题或疑问请至https://github.com/rchampourlier/generator-gulp-ng-fast/issues