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测试运行器会自动执行单元测试。
先决条件
- node.js http://nodejs.org/
- npm http://www.npmjs.org/
- bower http://bower.io/
- gulp.js http://gulpjs.com/
- karma-cli http://karma-runner.github.io/
用法
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