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,

JavaScript
npm -v

2) To get the node version,

JavaScript
node -v

3) To get the Angular version,

JavaScript
ng v

4) To get the Jasmine version,

JavaScript
jasmine -v

5) To get the Karma version,

JavaScript
karma --version

6) To install Angular CLI,

JavaScript
npm install @angular/cli -g
npm install @angular/cli

7) To install the next version of Angular CLI,

JavaScript
npm install @angular/cli@next

8) To get help in the terminal,

JavaScript
ng help

9) To create a new project in Angular,

JavaScript
ng new project-name

10) To skip external dependencies while creating a new project,

JavaScript
ng new project-name --skip-install

11) To run the Angular project,

JavaScript
ng serve (or) npm start (or) ng serve --force

12) Dry Run,

JavaScript
ng new project-name --dry-run

13) To create a new component in the Angular Project,

JavaScript
ng generate component component-name
ng g c component-name

14) To avoid creating a new folder while creating a new component,

JavaScript
ng generate component component-name --flat

15) To create a build,

JavaScript
ng build

16) To create a build for a specific environment,

JavaScript
ng build --prod

17) To run test cases,

JavaScript
ng test

18) To run the end-to-end test,

JavaScript
ng e2e

19) For Angular Documentation,

JavaScript
ng doc

20) To change the angular-cli.json config file,

JavaScript
ng set

21) To create a directive in Angular,

JavaScript
ng generate directive directive-name
ng g d directive-name

22) To create a service in Angular,

JavaScript
ng generate service service-name
ng g s service-name

23) To create a class,

JavaScript
ng generate class class-name
ng g cl class-name

24) To create an interface,

JavaScript
ng generate interface interface-name
ng g i interface-name

25) To create a pipe,

JavaScript
ng generate pipe pipe-name
ng g p pipe-name

26) To create enum,

JavaScript
ng generate enum enum-name
ng g e enum-name

27) To create a module,

JavaScript
ng generate module module-name
ng g m module-name

28) To create a spec file for the module,

JavaScript
ng g m module-name --spec true -d

29) To create a module with routing,

JavaScript
ng g m module-name --routing

30) To create a guard to the route,

JavaScript
ng g guard guard-name

31) To remove node_modules,

JavaScript
rm -rf node_modules

32) To uninstall Angular CLI,

JavaScript
npm uninstall --save-dev @angular/cli
npm uninstall -g angular-cli @angular/cli

33) To install the latest version of Angular CLI,

JavaScript
npm install --save-dev @angular/cli@latest

34) To update Angular CLI,

JavaScript
ng update @angular/cli 
ng update @angular/core

35) To clean cache,

JavaScript
npm cache clean

36) To install TypeScript latest version,

JavaScript
npm install -g typescript@latest

37) To install Jasmine/Karma latest version,

JavaScript
npm install -g karma-jasmine@latest

38) To install TypeScript specific version,

JavaScript
npm install typescript@version-number

39) To install Jasmine specific version,

JavaScript
npm install -g jasmine@version-number

40) To install Karma specific version,

JavaScript
npm install -g karma@version-number

To update Angular versions

Steps to update particular Angular version on the current project,

Execute these commands,

JavaScript
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/flex-layout@9.0.0-beta.29

Reference - https://update.angular.io/

Steps to update the latest Angular version,

JavaScript
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.