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-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/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-numbe
- 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 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, YouTuberA passionate developer keep focus on learning and working on new technology.