generator-gulp-ng-web

This is a yeoman generator for an AngularJS project that follows the Best Practice Recommendations for Angular App Structure. It's based on generator-gulp-ng by Jessie Evangelista with additions to support ECMAScript6, Less and Jade files for _fast_er development.

Uses Gulp (now I'm convinced by JS build tools!), Bower and NPM.

改进：

• 使用了gulp-babel, 前端也可以用[ES6]了,超赞哦!
• 去掉bower以来，全面npm

GENERATED DIRECTORY STRUCTURE

app/
  components/
    filters/
       time_format.js
    services/
       base-http.js
       users_services.js
  main/
    user/
      users.html
      users_controller.js
      users_controller_test.js
  app.css
  app.js
  index.html  
node_modules/
.gitignore
README.md
gulpgile.js
karma-unit.js
package.json

FEAUTURES

• follows the recommended best practice project structure for angularjs
• all js files in the app folder are concatenated into build/app.js
• all html files in the app folder except index.html are concatenated and compiled into a js file:build/templates.js and loaded into the angular templateCache
• all css files in the app folder are concatenated into build/app.css
• all js files in the bower_components folder are concatenated into build/lib.js
• bootstrap and font-awesoem css files in the bower_components folder are concatenated into build/css/lib.css
• bootstrap and font-awesoem fonts files in the bower_components folder are concatenated into build/fonts/
• index.html is copied to build/index.html
• a static server is run at port 9000 with livereload support
• when any html, js or css file in the build folder changes, they are autoreloaded on the browser
• karma test runner will automatically run unit tests when relevant files change
• using es6 in your js files

Prerequisites

• node.js http://nodejs.org/
• npm http://www.npmjs.org/ (中国境内可以使用这个镜像: cnpm https://cnpmjs.org/)
• bower http://bower.io/
• gulp.js http://gulpjs.com/
• karma-cli http://karma-runner.github.io/

Front-end components

• lodash https://lodash.com/
• jquery http://jquery.com/
• bootstrap http://v3.bootcss.com/
• font-awesome http://fortawesome.github.io/Font-Awesome/icons/
• angular-bootstrap http://angular-ui.github.io/bootstrap/
• angular-ui-router https://github.com/angular-ui/ui-router
• moment http://momentjs.cn/

USAGE

1. npm install -g generator-gulp-ng-web

2. mkdir myApp && cd myApp && yo gulp-ng-web

3. gulp

4. karma start karma-unit.js

5. open browser to http://localhost:9000

6. start hacking

Support

For questions and issues: https://github.com/aleelock/generator-gulp-ng-web/issues