In this article, we are going to discuss about Commonly Used Angular Commands in detail. Please follow our previous article Folder Structure of Angular. In this article we are going to discuss all possible commands are used in angular that help while doing application development.

  • To get the npm version,
npm -v
  • To get the node version,
node -v
  • To get the Angular version,
ng v
  • To get the Jasmine version,
jasmine -v
  • To get the Karma version,
karma --version
  • To install Angular CLI,
npm install @angular/cli -g
npm install @angular/cli
  • To install the next version of Angular CLI,
npm install @angular/cli@next
  • To get help in the terminal,
ng help
  • To create a new project in Angular,
ng new project-name
  • To skip external dependencies while creating a new project,
ng new project-name --skip-install
  • To run the Angular project,
ng serve (or) npm start (or) ng serve --force
  • Dry Run,
ng new project-name --dry-run
  • To create a new component in the Angular Project,
ng generate component component-name
ng g c component-name
  • To avoid creating a new folder while creating a new component,
ng generate component component-name --flat
  • To create a build,
ng build
  • To create a build for a specific environment,
ng build --prod
  • To run test cases,
ng test
  • To run the end-to-end test,
ng e2e
  • For Angular Documentation,
ng doc
  • To change the angular-cli.json config file,
ng set
  • To create a directive in Angular,
ng generate directive directive-name
ng g d directive-name
  • To create a service in Angular,
ng generate service service-name
ng g s service-name
  • To create a class,
ng generate class class-name
ng g cl class-name
  • To create an interface,
ng generate interface interface-name
ng g i interface-name
  • To create a pipe,
ng generate pipe pipe-name
ng g p pipe-name
  • To create enum,
ng generate enum enum-name
ng g e enum-name
  • To create a module,
ng generate module module-name
ng g m module-name
  • To create a spec file for the module,
ng g m module-name --spec true -d
  • To create a module with routing,
ng g m module-name --routing
  • To create a guard to the route,
ng g guard guard-name
  • To remove node_modules,
rm -rf node_modules
  • To uninstall Angular CLI,
npm uninstall --save-dev @angular/cli
npm uninstall -g angular-cli @angular/cli
  • To install the latest version of Angular CLI,
npm install --save-dev @angular/cli@latest
  • To update Angular CLI,
ng update @angular/cli
ng update @angular/core
  • To clean cache,
npm cache clean
  • To install TypeScript latest version,
npm install -g typescript@latest
  • To install Jasmine/Karma latest version,
npm install -g karma-jasmine@latest
  • To install TypeScript specific version,
npm install typescript@version-number
  • To install Jasmine specific version,
npm install -g jasmine@version-number
  • 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/flex-layout@9.0.0-beta.29

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/

Summary

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. On our next lesson we will discuss about Creating Angular Project using Visual Studio Code.

Pin It on Pinterest

Share This