If you’ve ever gone through the Angular 2 Quickstart over the past year, you’ll know that a big part of getting started with Angular 2 is the setup.
Now to save you time…
Introducing The Angular CLI cli.angular.io !!!
Basically to use it you do this:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
ng new inception //this will build your config files ng init inception //this will setup your app ng serve //this will run your app with node and open your browser //reloads on save: go to https://localhost:4200 |
Config files generated:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
// configuration files |- config/ |----- environment.dev.ts |----- environment.js |----- environment.prod.ts |----- karma-test-shim.js |----- karma.conf.js |----- protractor.conf.js // end-to-end-tests |- e2e/ |----- app.e2e.ts |----- app.po.ts |----- tsconfig.json |----- typings.d.ts // npm dependencies |- node_modules/ // public facing app. built things go here |- public/ // where most of the work will be done |- src/ |----- app/ |----- shared/ |----- index.ts |----- environment.ts |----- index.ts // our first generated component |----- inception.component.css|html|spec.ts|ts |----- favicon.ico |----- icon.png |----- index.html |----- main.ts |----- manifest.webapp |----- system-config.ts |----- tsconfig.json |----- typings.d.ts // overall configuration |- typings/ |- .clang-format |- .editorconfig |- .gitignore |- angular-cli-build.js |- angular-cli.json |- package.json |- tslint.json |- typings.json |
I can’t wait to get stuck in a build some apps with this. Stay tuned!