What about Angular 2.0? We'll get to that momentarily...
The generator scaffolds "component bundles". These bundles contain the HTML, CSS (Noogie requires Sass) and JS files that make up Angular "components". This leads to a more manageable and reusable codebase and will help developers pave the way for Angular 2.0 adoption.
Noogie scaffolds component bundles in one of two ways, (1) using the new 1.5 Component API or also using (2) traditional Angular Directives.
Sample Component Bundle (as an Anguar 1.5 Component):
├── components/ │ ├── my-noogie-component │ │ ├── my-noogie-component.html │ │ ├── my-noogie-component.scss │ │ ├── my-noogie-component-component.js
Sample Component Bundle (as a traditional Directive):
├── components/ │ ├── my-noogie-directive │ │ ├── my-noogie-component.html │ │ ├── my-noogie-component.scss │ │ ├── my-noogie-directive.js
Noogie does not yet support Angular 2.0. The short-term goal of this project is to build Angular 1.x projects in a way that provides a 2.0 upgrade path in accordance with Angular's incremental hybrid approach to upgrading. There is some work and fundamental understanding on our end that needs to occur before this can happen. In the meantime, please take advantage of the generators Noogie provides.
yo noogie:directiveBuilds a Directive Component bundle
yo noogie:componentBuilds an Angular 1.5 Component bundle
yo noogie:controllerBuilds an Angular controller
yo noogie:factoryBuilds an Angular factory
yo noogie:serviceBuilds an Angular service
yo noogie:routeBuilds an HTML template and automatically wires up the new route into the app router. This also creates and associates a boilerplate controller file.
The generator uses yeoman, gulp and bower. If you do not have these dependencies installed, please install them using:
npm install --global yo gulp bower
npm install --global generator-noogie
yo noogieto scaffold your webapp
gulp serveto serve, preview and watch for changes
bower install --save <package>to install frontend dependencies
gulpto build your webapp for production
gulp serve:distto preview the production build
Contributors are welcome. Please use the dev branch and fork/submit pull requests. Approved PR's will be merged into master on a forthcoming release cadence.