angular2-gen v1.0.5
Angular2-Generator
This project generates angular2 project templates with various configurations like Gulp, TSLint etc.
Source Code
You can view and download the source code from
https://github.com/KishoreIthadi/Angular2-GeneratorFeatures
| Commands | Description |
|---|---|
| a2 basicsetup | Generates basic template with minimum dependencies for developing angular2 app from scratch. |
| a2 basicsetuprouter | Same as basicsetup. Adds router with navigation layout design. |
| a2 gulp | Generates gulp setup in the application. |
| a2 tslint | (Under Development) Generates tslint setup in the application. |
Getting started
Step 1: Install Angular2-Generator Globally
npm install -g angular2-genStep 2: Generator Commands
a. Basic Template
a2 basictemplateInstall dependencies
npm installRun the application
npm startThe above command will generate basic angular2 template as shown below.
b. Basic Template With Router
a2 basictemplaterouterInstall dependencies
npm installRun the application
npm startThe above command will generate basic angular2 template with router configuration as shown below. It will add Home, About & Contact views for demonstrating navigation between views.
c. Gulp Setup
a2 basicsetup or a2 basicsetuproutera2 gulpInstall dependencies
npm installThe above command will generate gulp configuration & task files as shown below.
Run gulp build
npm run build-webThe above command will generate production build in dist folder as shown below. The below build structure is for basicsetup, In case of basicsetuprouter the build structure will be different.
Note: The gulp setup is generated based on the basicsetup/basicsetuprouter templates. If you are running the gulp command on a different application you might have to change gulp tasks and index.html file accordingly.
For more advanced angular2 gulp build refer the below link
https://github.com/KishoreIthadi/Angular2Gulp