Saturday, 10 December 2016

How to create angularJs 2 project using angular-cli

Prerequisite -
Install nodejs and npm

1.Install angular-cli
npm install -g angular-cli

2.Create new Project using  angular-cli
ng new ProjectName
It will angular project skeleton with all config files such as tsconfig.json, typings.json and package.json,
 
3. cd to new Project 
cd  ProjectName

4. run created app
ng nerve

Now , This project will be setup using Webpack bundle.
You can see Webpack bundle is valid as successful message.

Now,
http://localhost:4200  to load app component.

Issues -
Experimental-decorators warnings in AppComponent and other Components.
This is due to typescript version mismatch.
TS build uses v1.8.10 and tsconfig(ts compiler) uses v2.0.0

Hence we correct this conflict  in setting.json file.
We set node Module ts version for ts compiler to avoid conflict.
add below property -
"typescript.tsdk": "./node_modules/typescript/lib"



No comments:

Post a Comment