1.1.0 • Published 7 years ago

generator-gulp-ng-web v1.1.0

Weekly downloads
5
License
MIT
Repository
github
Last release
7 years ago

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


Front-end components


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