Menu Close

Commonly Used Angular Commands


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/[email protected]
  • 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-nam
  • To create a service in Angular,
ng generate service service-name
ng g s service-nam
  • 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/[email protected]
  • 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 [email protected]
  • To install Jasmine/Karma latest version,
npm install -g [email protected]
  • To install TypeScript specific version,
npm install [email protected]
  • To install Jasmine specific version,
npm install -g [email protected]
  • To install Karma specific version,
npm install -g [email protected]
  • To update Angular versions

Steps to update particular Angular version on the current project,

Execute these commands,

ng update @angular/[email protected] @angular/[email protected] --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/[email protected] @angular/[email protected] --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/[email protected]
ng update @angular/cli @angular/core
ng update --all --force
npm install --save @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected]atest @angular/[email protected] [email protected] [email protected] [email protected] [email protected]
npm install --save-dev @angular-devkit/[email protected] @angular/[email protected] @angular/language-service @types/[email protected] @types/[email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected]

Refer Angular Guide – https://update.angular.io/

Conclusion

In this lesson, we 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.

Jayant Tripathy
Coder, Blogger, YouTuber

A passionate developer keep focus on learning and working on new technology.


Leave a Reply

Your email address will not be published.