In this article, we will see what are the commonly used commands in an Angular project with the explanation. These are very useful when it comes to Angular applications.
1) To get the npm version,
npm -v
2) To get the node version,
node -v
3) To get the Angular version,
ng v
4) To get the Jasmine version,
jasmine -v
5) To get the Karma version,
karma --version
6) To install Angular CLI,
npm install @angular/cli -g
npm install @angular/cli
7) To install the next version of Angular CLI,
npm install @angular/cli@next
8) To get help in the terminal,
ng help
9) To create a new project in Angular,
ng new project-name
10) To skip external dependencies while creating a new project,
ng new project-name --skip-install
11) To run the Angular project,
ng serve (or) npm start (or) ng serve --force
12) Dry Run,
ng new project-name --dry-run
13) To create a new component in the Angular Project,
ng generate component component-name
ng g c component-name
14) To avoid creating a new folder while creating a new component,
ng generate component component-name --flat
15) To create a build,
ng build
16) To create a build for a specific environment,
ng build --prod
17) To run test cases,
ng test
18) To run the end-to-end test,
ng e2e
19) For Angular Documentation,
ng doc
20) To change the angular-cli.json config file,
ng set
21) To create a directive in Angular,
ng generate directive directive-name
ng g d directive-name
22) To create a service in Angular,
ng generate service service-name
ng g s service-name
23) To create a class,
ng generate class class-name
ng g cl class-name
24) To create an interface,
ng generate interface interface-name
ng g i interface-name
25) To create a pipe,
ng generate pipe pipe-name
ng g p pipe-name
26) To create enum,
ng generate enum enum-name
ng g e enum-name
27) To create a module,
ng generate module module-name
ng g m module-name
28) To create a spec file for the module,
ng g m module-name --spec true -d
29) To create a module with routing,
ng g m module-name --routing
30) To create a guard to the route,
ng g guard guard-name
31) To remove node_modules,
rm -rf node_modules
32) To uninstall Angular CLI,
npm uninstall --save-dev @angular/cli
npm uninstall -g angular-cli @angular/cli
33) To install the latest version of Angular CLI,
npm install --save-dev @angular/cli@latest
34) To update Angular CLI,
ng update @angular/cli
ng update @angular/core
35) To clean cache,
npm cache clean
36) To install TypeScript latest version,
npm install -g typescript@latest
37) To install Jasmine/Karma latest version,
npm install -g karma-jasmine@latest
38) To install TypeScript specific version,
npm install typescript@version-number
39) To install Jasmine specific version,
npm install -g jasmine@version-number
40) To install Karma specific version,
npm install -g karma@version-number
To update Angular versions
Steps to update particular Angular version on the current project,
Execute these commands,
ng update @angular/core@8 @angular/cli@8 --allow-dirty
npm install
git commit -a -m "Upgrade to the latest version of Angular 8"
ng update @angular/core @angular/cli --next
{ng update @angular/core@9 @angular/cli@9 --allow-dirty}
npm install
git commit -a -m "Upgrade to Angular 9"
ng update @angular/material --next --force
npm i @angular/[email protected]
Reference - https://update.angular.io/
Steps to update the latest Angular version,
npm uninstall -g @angular-cli
npm cache clean
rm -rf node_modules
npm install
npm install -g @angular/cli@latest
ng update @angular/cli @angular/core
ng update --all --force
npm install --save @angular/animations@latest @angular/cdk@latest @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/flex-layout@latest @angular/forms@latest @angular/http@latest @angular/material@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/router@latest core-js@latest zone.js@latest rxjs@latest rxjs-compat@latest
npm install --save-dev @angular-devkit/build-angular@latest @angular/compiler-cli@latest @angular/language-service @types/jasmine@latest @types/node@latest codelyzer@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-jasmine@latest karma-jasmine-html-reporter@latest jasmine-core@latest jasmine-spec-reporter@latest protractor@latest tslint@latest rxjs-tslint@latest webpack@latest
Refer Angular Guide - https://update.angular.io/
Conclusion
In this article, we have learned commonly used commands in an Angular application. Play around with these commands and let me know your experience and suggestions in the comment section. Thank you.
Kristijan PrematarovPosted Jul 21, 2021, 6:30 AM
A very clean article, all in one, nice !
Aryan KumarPosted Jul 19, 2021, 4:46 PM
Nice Article....!!
Aman GuptaPosted Jul 9, 2021, 5:28 AM
Superb Pranam!!
Vinay AyinapurapuPosted Jul 2, 2021, 3:43 PM
Super. thanks for putting in one place.
Arnab MukherjeePosted Jun 24, 2021, 1:55 PM
Very informative