Template to bootstrap the angular.js application development process.
- Node.js (v5.5.x)
- Livereload (Browser Plugin)
- Build: Gulp
- Icons: Material
- Styles: Angular Material, Sass
- Framework: Angular (1.x)
- Templates: Jade
- Application Setup Scripts
- Suggested Directory Layout
- Environment-based JSON Configurations
- Quick Watch-Livereload Refactor Cycle
Please ensure all dependencies have been installed prior to usage.
Switch to the project root directory and run the setup.sh
script (setup.bat
for Windows):
$ cd application.name
$ ./bin/setup.sh
The gulp serve
(watch, livereload) loop is designed to accelerate development workflow:
$ gulp server
Environment-based parameters are stored in conf
, to switch between them invoke:
$ gulp build --env=./conf/dev.json
/ |-- bower.json: runtime dependencies (angular, bootstrap) |-- package.json: development dependencies (gulp plugins) |-- Gulpfile.js: all gulp build, deploy, compile, serve tasks |-- conf: environment-specific configuration settings |-- dist: deployment-ready application assets |-- src: application source code |-- index.jade |-- app.js (application setup) |-- app.router.js (application router) |-- app.controller.js (application controller) |-- sass (stylesheet assets) |-- images (image assets) |-- [feature or component] |-- [name].template.html |-- [name].module.js |-- [name].filter.js |-- [name].service.js |-- [name].directive.js |-- [name].controller.js
- Gulp Tasks Separated into folders
- Testing Frameworks
Released under the MIT License. See the LICENSE file for further details.