generator-angular-es-6

Yeoman generator for AngularJS apps using ES6, Gulp and SASS

Disclaimer

Please note this is still in an early state of development, I will be adding more features and subgenerators as soon as I can.

This generator uses my Angular ES6 Boilerplate to quickly start new AngularJS projects using ES6, Gulp for task automation and SASS for styling.

The folder structure and use of components are based on this Thinkster article, which focus on building Angular1 apps that can be upgraded easily to Angular2.

Installation

First install Yeoman if needed:

npm install -g yo

Then install the generator:

npm install -g generator-angular-es-6

Finally, to generate a new project:

yo angular-es-6

The generator will prompt you for some information like the app name, description, author... or if you want to install the Bootstrap UI, and modules like ngAnimate and ngTouch.

Run project on development

Type on your terminal:

gulp

This will start your application in your default browser at localhost:4000. Thanks to BrowserSync and Gulp there's no need of refreshing everytime you do some changes in the code, it will happen automatically.

Run project on production

Type on your terminal:

gulp build

This will prepare your files for production (concat, minify, inject...) and start your application in the same way as the previous command but from the dist/ folder and with no auto sync.

Application files / Folder structure

Please refer to the Angular ES6 Boilerplate for files and structure info.

License

MIT © Raúl Molina