Angular cli is a useful toolset which helps in development,testing and deployment of Angular applications.
Check if cli is installed
1 | ng --version |
Install latest version of angular cli
1 | npm install -g @angular/cli@latest |
Create new Angular project using cli
1.Create folder where you want to create Angular application
2.Open command prompt and navigate to the above folder
3.Type following command
1 | ng new angular-app-name --dry-run |
this command will show you the files which it will create without creating the files.It does thin in-memory.This is a good way to verify
if the command will produce the files which you are expecting it to produce.
1 | ng new angular-app-name |
4.Veify if it is working fine type
1 | ng serve |
this should open the application in browser
5.Type following command to open the application in visual studio code
1 | code .. |
the above command will open the new angular application in visual studio code
Generate project elements
component
1 | ng generate component component-name |
module
1 | ng generate module module-name |
directive
1 | ng generate directive directive-name |
