Explore Courses
Liverpool Business SchoolLiverpool Business SchoolMBA by Liverpool Business School
  • 18 Months
Bestseller
Golden Gate UniversityGolden Gate UniversityMBA (Master of Business Administration)
  • 15 Months
Popular
O.P.Jindal Global UniversityO.P.Jindal Global UniversityMaster of Business Administration (MBA)
  • 12 Months
New
Birla Institute of Management Technology Birla Institute of Management Technology Post Graduate Diploma in Management (BIMTECH)
  • 24 Months
Liverpool John Moores UniversityLiverpool John Moores UniversityMS in Data Science
  • 18 Months
Popular
IIIT BangaloreIIIT BangalorePost Graduate Programme in Data Science & AI (Executive)
  • 12 Months
Bestseller
Golden Gate UniversityGolden Gate UniversityDBA in Emerging Technologies with concentration in Generative AI
  • 3 Years
upGradupGradData Science Bootcamp with AI
  • 6 Months
New
University of MarylandIIIT BangalorePost Graduate Certificate in Data Science & AI (Executive)
  • 8-8.5 Months
upGradupGradData Science Bootcamp with AI
  • 6 months
Popular
upGrad KnowledgeHutupGrad KnowledgeHutData Engineer Bootcamp
  • Self-Paced
upGradupGradCertificate Course in Business Analytics & Consulting in association with PwC India
  • 06 Months
OP Jindal Global UniversityOP Jindal Global UniversityMaster of Design in User Experience Design
  • 12 Months
Popular
WoolfWoolfMaster of Science in Computer Science
  • 18 Months
New
Jindal Global UniversityJindal Global UniversityMaster of Design in User Experience
  • 12 Months
New
Rushford, GenevaRushford Business SchoolDBA Doctorate in Technology (Computer Science)
  • 36 Months
IIIT BangaloreIIIT BangaloreCloud Computing and DevOps Program (Executive)
  • 8 Months
New
upGrad KnowledgeHutupGrad KnowledgeHutAWS Solutions Architect Certification
  • 32 Hours
upGradupGradFull Stack Software Development Bootcamp
  • 6 Months
Popular
upGradupGradUI/UX Bootcamp
  • 3 Months
upGradupGradCloud Computing Bootcamp
  • 7.5 Months
Golden Gate University Golden Gate University Doctor of Business Administration in Digital Leadership
  • 36 Months
New
Jindal Global UniversityJindal Global UniversityMaster of Design in User Experience
  • 12 Months
New
Golden Gate University Golden Gate University Doctor of Business Administration (DBA)
  • 36 Months
Bestseller
Ecole Supérieure de Gestion et Commerce International ParisEcole Supérieure de Gestion et Commerce International ParisDoctorate of Business Administration (DBA)
  • 36 Months
Rushford, GenevaRushford Business SchoolDoctorate of Business Administration (DBA)
  • 36 Months
KnowledgeHut upGradKnowledgeHut upGradSAFe® 6.0 Certified ScrumMaster (SSM) Training
  • Self-Paced
KnowledgeHut upGradKnowledgeHut upGradPMP® certification
  • Self-Paced
IIM KozhikodeIIM KozhikodeProfessional Certification in HR Management and Analytics
  • 6 Months
Bestseller
Duke CEDuke CEPost Graduate Certificate in Product Management
  • 4-8 Months
Bestseller
upGrad KnowledgeHutupGrad KnowledgeHutLeading SAFe® 6.0 Certification
  • 16 Hours
Popular
upGrad KnowledgeHutupGrad KnowledgeHutCertified ScrumMaster®(CSM) Training
  • 16 Hours
Bestseller
PwCupGrad CampusCertification Program in Financial Modelling & Analysis in association with PwC India
  • 4 Months
upGrad KnowledgeHutupGrad KnowledgeHutSAFe® 6.0 POPM Certification
  • 16 Hours
O.P.Jindal Global UniversityO.P.Jindal Global UniversityMaster of Science in Artificial Intelligence and Data Science
  • 12 Months
Bestseller
Liverpool John Moores University Liverpool John Moores University MS in Machine Learning & AI
  • 18 Months
Popular
Golden Gate UniversityGolden Gate UniversityDBA in Emerging Technologies with concentration in Generative AI
  • 3 Years
IIIT BangaloreIIIT BangaloreExecutive Post Graduate Programme in Machine Learning & AI
  • 13 Months
Bestseller
IIITBIIITBExecutive Program in Generative AI for Leaders
  • 4 Months
upGradupGradAdvanced Certificate Program in GenerativeAI
  • 4 Months
New
IIIT BangaloreIIIT BangalorePost Graduate Certificate in Machine Learning & Deep Learning (Executive)
  • 8 Months
Bestseller
Jindal Global UniversityJindal Global UniversityMaster of Design in User Experience
  • 12 Months
New
Liverpool Business SchoolLiverpool Business SchoolMBA with Marketing Concentration
  • 18 Months
Bestseller
Golden Gate UniversityGolden Gate UniversityMBA with Marketing Concentration
  • 15 Months
Popular
MICAMICAAdvanced Certificate in Digital Marketing and Communication
  • 6 Months
Bestseller
MICAMICAAdvanced Certificate in Brand Communication Management
  • 5 Months
Popular
upGradupGradDigital Marketing Accelerator Program
  • 05 Months
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Corporate & Financial Law
  • 12 Months
Bestseller
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in AI and Emerging Technologies (Blended Learning Program)
  • 12 Months
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Intellectual Property & Technology Law
  • 12 Months
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Dispute Resolution
  • 12 Months
upGradupGradContract Law Certificate Program
  • Self paced
New
ESGCI, ParisESGCI, ParisDoctorate of Business Administration (DBA) from ESGCI, Paris
  • 36 Months
Golden Gate University Golden Gate University Doctor of Business Administration From Golden Gate University, San Francisco
  • 36 Months
Rushford Business SchoolRushford Business SchoolDoctor of Business Administration from Rushford Business School, Switzerland)
  • 36 Months
Edgewood CollegeEdgewood CollegeDoctorate of Business Administration from Edgewood College
  • 24 Months
Golden Gate UniversityGolden Gate UniversityDBA in Emerging Technologies with Concentration in Generative AI
  • 36 Months
Golden Gate University Golden Gate University DBA in Digital Leadership from Golden Gate University, San Francisco
  • 36 Months
Liverpool Business SchoolLiverpool Business SchoolMBA by Liverpool Business School
  • 18 Months
Bestseller
Golden Gate UniversityGolden Gate UniversityMBA (Master of Business Administration)
  • 15 Months
Popular
O.P.Jindal Global UniversityO.P.Jindal Global UniversityMaster of Business Administration (MBA)
  • 12 Months
New
Deakin Business School and Institute of Management Technology, GhaziabadDeakin Business School and IMT, GhaziabadMBA (Master of Business Administration)
  • 12 Months
Liverpool John Moores UniversityLiverpool John Moores UniversityMS in Data Science
  • 18 Months
Bestseller
O.P.Jindal Global UniversityO.P.Jindal Global UniversityMaster of Science in Artificial Intelligence and Data Science
  • 12 Months
Bestseller
IIIT BangaloreIIIT BangalorePost Graduate Programme in Data Science (Executive)
  • 12 Months
Bestseller
O.P.Jindal Global UniversityO.P.Jindal Global UniversityO.P.Jindal Global University
  • 12 Months
WoolfWoolfMaster of Science in Computer Science
  • 18 Months
New
Liverpool John Moores University Liverpool John Moores University MS in Machine Learning & AI
  • 18 Months
Popular
Golden Gate UniversityGolden Gate UniversityDBA in Emerging Technologies with concentration in Generative AI
  • 3 Years
Rushford, GenevaRushford Business SchoolDoctorate of Business Administration (AI/ML)
  • 36 Months
Ecole Supérieure de Gestion et Commerce International ParisEcole Supérieure de Gestion et Commerce International ParisDBA Specialisation in AI & ML
  • 36 Months
Golden Gate University Golden Gate University Doctor of Business Administration (DBA)
  • 36 Months
Bestseller
Ecole Supérieure de Gestion et Commerce International ParisEcole Supérieure de Gestion et Commerce International ParisDoctorate of Business Administration (DBA)
  • 36 Months
Rushford, GenevaRushford Business SchoolDoctorate of Business Administration (DBA)
  • 36 Months
Liverpool Business SchoolLiverpool Business SchoolMBA with Marketing Concentration
  • 18 Months
Bestseller
Golden Gate UniversityGolden Gate UniversityMBA with Marketing Concentration
  • 15 Months
Popular
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Corporate & Financial Law
  • 12 Months
Bestseller
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Intellectual Property & Technology Law
  • 12 Months
Jindal Global Law SchoolJindal Global Law SchoolLL.M. in Dispute Resolution
  • 12 Months
IIITBIIITBExecutive Program in Generative AI for Leaders
  • 4 Months
New
IIIT BangaloreIIIT BangaloreExecutive Post Graduate Programme in Machine Learning & AI
  • 13 Months
Bestseller
upGradupGradData Science Bootcamp with AI
  • 6 Months
New
upGradupGradAdvanced Certificate Program in GenerativeAI
  • 4 Months
New
KnowledgeHut upGradKnowledgeHut upGradSAFe® 6.0 Certified ScrumMaster (SSM) Training
  • Self-Paced
upGrad KnowledgeHutupGrad KnowledgeHutCertified ScrumMaster®(CSM) Training
  • 16 Hours
upGrad KnowledgeHutupGrad KnowledgeHutLeading SAFe® 6.0 Certification
  • 16 Hours
KnowledgeHut upGradKnowledgeHut upGradPMP® certification
  • Self-Paced
upGrad KnowledgeHutupGrad KnowledgeHutAWS Solutions Architect Certification
  • 32 Hours
upGrad KnowledgeHutupGrad KnowledgeHutAzure Administrator Certification (AZ-104)
  • 24 Hours
KnowledgeHut upGradKnowledgeHut upGradAWS Cloud Practioner Essentials Certification
  • 1 Week
KnowledgeHut upGradKnowledgeHut upGradAzure Data Engineering Training (DP-203)
  • 1 Week
MICAMICAAdvanced Certificate in Digital Marketing and Communication
  • 6 Months
Bestseller
MICAMICAAdvanced Certificate in Brand Communication Management
  • 5 Months
Popular
IIM KozhikodeIIM KozhikodeProfessional Certification in HR Management and Analytics
  • 6 Months
Bestseller
Duke CEDuke CEPost Graduate Certificate in Product Management
  • 4-8 Months
Bestseller
Loyola Institute of Business Administration (LIBA)Loyola Institute of Business Administration (LIBA)Executive PG Programme in Human Resource Management
  • 11 Months
Popular
Goa Institute of ManagementGoa Institute of ManagementExecutive PG Program in Healthcare Management
  • 11 Months
IMT GhaziabadIMT GhaziabadAdvanced General Management Program
  • 11 Months
Golden Gate UniversityGolden Gate UniversityProfessional Certificate in Global Business Management
  • 6-8 Months
upGradupGradContract Law Certificate Program
  • Self paced
New
IU, GermanyIU, GermanyMaster of Business Administration (90 ECTS)
  • 18 Months
Bestseller
IU, GermanyIU, GermanyMaster in International Management (120 ECTS)
  • 24 Months
Popular
IU, GermanyIU, GermanyB.Sc. Computer Science (180 ECTS)
  • 36 Months
Clark UniversityClark UniversityMaster of Business Administration
  • 23 Months
New
Golden Gate UniversityGolden Gate UniversityMaster of Business Administration
  • 20 Months
Clark University, USClark University, USMS in Project Management
  • 20 Months
New
Edgewood CollegeEdgewood CollegeMaster of Business Administration
  • 23 Months
The American Business SchoolThe American Business SchoolMBA with specialization
  • 23 Months
New
Aivancity ParisAivancity ParisMSc Artificial Intelligence Engineering
  • 24 Months
Aivancity ParisAivancity ParisMSc Data Engineering
  • 24 Months
The American Business SchoolThe American Business SchoolMBA with specialization
  • 23 Months
New
Aivancity ParisAivancity ParisMSc Artificial Intelligence Engineering
  • 24 Months
Aivancity ParisAivancity ParisMSc Data Engineering
  • 24 Months
upGradupGradData Science Bootcamp with AI
  • 6 Months
Popular
upGrad KnowledgeHutupGrad KnowledgeHutData Engineer Bootcamp
  • Self-Paced
upGradupGradFull Stack Software Development Bootcamp
  • 6 Months
Bestseller
KnowledgeHut upGradKnowledgeHut upGradBackend Development Bootcamp
  • Self-Paced
upGradupGradUI/UX Bootcamp
  • 3 Months
upGradupGradCloud Computing Bootcamp
  • 7.5 Months
PwCupGrad CampusCertification Program in Financial Modelling & Analysis in association with PwC India
  • 5 Months
upGrad KnowledgeHutupGrad KnowledgeHutSAFe® 6.0 POPM Certification
  • 16 Hours
upGradupGradDigital Marketing Accelerator Program
  • 05 Months
upGradupGradAdvanced Certificate Program in GenerativeAI
  • 4 Months
New
upGradupGradData Science Bootcamp with AI
  • 6 Months
Popular
upGradupGradFull Stack Software Development Bootcamp
  • 6 Months
Bestseller
upGradupGradUI/UX Bootcamp
  • 3 Months
PwCupGrad CampusCertification Program in Financial Modelling & Analysis in association with PwC India
  • 4 Months
upGradupGradCertificate Course in Business Analytics & Consulting in association with PwC India
  • 06 Months
upGradupGradDigital Marketing Accelerator Program
  • 05 Months

How to Install Angular CLI in Windows 10

Updated on 05 June, 2023

3.76K+ views
9 min read

Overview of Angular CLI and its Benefits

Angular CLI (Command Line Interface) is a command-line tool for building and managing Angular applications. It gives developers powerful commands and tools to create, develop, test, and deploy Angular applications easily and efficiently.

Leveraging Angular CLI enables developers to reap benefits like- 

  • Faster Development: default configurations, code generators, and project templates.
  • Simplified Build Process: single command build configuration and optimised builds for production.
  • Easy Testing: pre-configured Karma and Protractor for unit and end-to-end testing.
  • Code Consistency: enforced coding style, linting, and formatting tools.
  • Customisable: options to add or remove features, modify configurations, and create custom scripts.

Read this article to learn how to install Angular CLI on Windows 10 in detail. 

System Requirements for Installing Angular CLI on Windows 10

To install Angular CLI on Windows 10, your system must be ready with the following – 

  • Node.js- version 10 or higher
  • Npm- which is often included with the Node.js installation

Check out our free courses to get an edge over the competition.

Downloading and Installing Node.js on Windows 10

  • Select your system. In this case, you will select Windows Installer. Once you click on the installer, your MSI file will start downloading.
  • Once the download is complete, run the installation file by double-clicking on it. Follow the installation wizard instructions to complete the installation.

Node.js installation

  • You will be asked to accept the licence agreement and choose the installation location during the installation process. You can choose the default settings or customise them to your preference.
  • Your installation is complete!

Verifying Node.js Installation

Once the installation is complete, verify that Node.js is successfully installed on your Windows 10 before downloading Angular CLI. Here’s how you can verify your installation – 

  • Open the command prompt on your Windows system.
  • To check if Node.js is installed, type the following command in the command prompt: node -v
  • If the installation is successful, the command prompt should display the version of the node.js. 

Verification of Node.js

Installing Angular CLI via Command Prompt/Powershell

To install Angular CLI via Command Prompt or PowerShell on your Windows system, follow these steps:

  • Open the Command Prompt or Powershell.
  • Type the following command to install Angular CLI: npm install -g @angular/cli

Installing Angular CLI on PowerShell

  • Press Enter to execute the command.
  • npm will download and install the necessary Angular CLI packages. This may take several minutes, depending on your internet speed.
  • Once the installation is complete, you can verify that your system has installed Angular CLI correctly.

Check Out upGrad’s Software Development Courses to upskill yourself.

Verifying Angular CLI Installation

To verify that Angular CLI has been installed on your Windows system, follow these steps:

  • Open the Command Prompt or PowerShell.
  • Type the following command in the Command Prompt or PowerShell: ng version
  • Press Enter to execute the command.
  • If Angular CLI has been installed correctly, the Command Prompt or PowerShell should display the Angular CLI version numbers.

Complete installation of Angular CLI

Updating Angular CLI to its Latest Version

This process is pretty easy if you use Angular version 9, 10 or above. You can update angular CLI to its most recent version by running the following command in your terminal:

ng update @angular/core @angular/cli

Or you can implement the following command with npx:

npx @angular/cli update @angular/core @angular/cli

If you are utilising Angular Material, update it using the following command:

ng update @angular/material

To learn more and become an expert in the field of software development, check out upGrad’s Executive Post Graduate Programme in Software Development – Specialisation in Full Stack Development course. 

Uninstalling Angular CLI from Windows 10

Uninstalling Angular CLI from Windows 10 is an easy process – 

  • Open the Command Prompt or PowerShell on your Windows system.
  • Type the following command in the Command Prompt or PowerShell: 

npm uninstall -g @angular/cli

Uninstalling Angular CLI

  • Press Enter to execute the command.

Troubleshooting Common Installation Errors

Here are some common installation errors you may encounter while installing Angular CLI on Windows 10, along with their solutions:

  1. Error: “The term ‘ng’ is not recognised. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.”

Solution: This error occurs when Angular CLI is not properly installed or not added to the system path. You can resolve this issue by re-installing Angular CLI or adding it to the system path.

Error 1

2. Error: “npm ERR! code EACCES”

Solution: This error occurs when npm has insufficient permissions to install packages globally. You can resolve this issue by running the Command Prompt or PowerShell as an administrator.

Error 2

3. Error: “npm ERR! network connectivity problem”

Solution: This error occurs when there is a problem with the internet connectivity. You can resolve this issue by checking your internet connection and firewall settings.

Error 3

4. Error: “Could not find a package.json file in”

Solution: This error occurs when you run the command in the wrong directory. You can resolve this issue by running the command in the correct directory where your Angular project is located.

Error 4

5. Error: “TypeError: Cannot read property ‘config’ of undefined”

Solution: This error occurs when there is a mismatch between the versions of Node.js and Angular CLI. You can resolve this issue by updating Node.js to the latest version or downgrading Angular CLI to a compatible version.

Error 5

Learn more ways of troubleshooting Angular CLI errors by becoming an expert in software development with upGrad’s Master of Science in Computer Science course. 

Creating a New Angular Project with CLI

Here’s how you can create a new angular project with CLI – 

  • Create a new Angular project by running the following command:

ng new project-name

Replace “project-name” with the name of your project.

  • Answer the questions asked by the CLI during project creation. You can choose the default options or customise them as per your requirements.
  • Navigate to the project directory using the cd command:

cd project-name

  • Start the development server by running the following command:

ng serve

  • Open your browser and navigate to http://localhost:4200/ to see your application running.
  • Your new project is now ready!

New project installation

Generating Angular Components with CLI

Angular CLI provides a convenient way to generate components for your Angular application. 

Here’s how you can use the CLI to generate components:

  • Open a terminal or command prompt and navigate to your Angular project directory.
  • Type the following command to generate a new component:

ng generate component component-name

Replace the component name with the name you want to give your component. For example:

ng generate component my-component

  • This will generate a fresh directory called my-component in the project’s src/app directory. The my-component directory will contain four files: my-component.component.ts, my-component.component.html, my-component.component.css, and my-component.component.spec.ts.
  • Open the my-component.component.ts file and modify it to add the necessary functionality to your component. You can define the component’s class, properties, and methods here.
  • Open the my-component.component.html file and modify it to create the template for your component.
  • Open the my-component.component.css file and modify it to add any custom styles for your component.
  • Open the my-component.component.spec.ts file and modify it to add unit tests for your component.

Generating Angular Services with CLI

To generate an Angular service with the Angular CLI on Windows 10, you can follow these steps:

  • Open the Command Prompt or PowerShell in Windows 10.
  • Navigate to the root directory of your Angular project using the cd command.
  • To generate a new service, run the following command:

ng generate service path/to/service-name

  • Replace path/to/service-name with your service’s desired path and name. For example, to generate a service named ‘data’ in the ‘src/app’ directory, run:

ng generate service app/data

  • The Angular CLI will generate a new service file with the specified name and path and add it to the ‘providers’ array in the app module.
  • You can now import and use the newly generated service in your components and other parts of your Angular application.

Building an Angular Application with CLI

Sure, here are the steps to create and build an Angular application using the CLI on Windows 10:

  • Create or navigate to the directory where you want to create your Angular app.
  • Run the “npm init @angular myApp” command to create a new Angular app in the “myApp” directory. Press Enter when prompted to accept the default options.
  • Navigate to the new directory using the command “cd myApp”.
  • Run the command “npm start” to build your new app. Press Enter when prompted to accept the default options.
  • Note the URL displayed in the message in the command-line tool. You will need this URL to open the app in a browser.
  • Open a browser and enter the URL in the address bar. The default URL is http://localhost:4200.

Deploying an Angular Application with CLI

To deploy an Angular application using the Angular CLI, follow the simple process given below – 

  • Go to the workspace folder where your Angular app is located.
  • Use the command prompt to navigate your app’s directory.

cd my-app

ng serve –open

  • Type “ng serve –open” and press Enter.
  • The server will launch, watch your files, and rebuild the app as you make changes.
  • The “–open” or “-o” option automatically opens your browser to http://localhost:4200/.
  • If everything was set up correctly, you should see a page similar to the one in the example.

Deploying an application

Conclusion

Congratulations! You have successfully installed Angular CLI on your Windows 10. Angular CLI provides a powerful set of tools and libraries that can greatly simplify the process of building Angular applications. With Angular CLI, you can access robust tools and libraries to help you build high-performing, scalable, and feature-rich web applications. 

So what are you waiting for? Explore the world of Angular CLI and much more with upGrad’s Full Stack Software Development Bootcamp. This course provides an immersive learning platform that makes students aware of the strengths and limitations of tech skills. The program will help students take their first step to becoming a successful developer!

Frequently Asked Questions (FAQs)

Do I need to install any other software before installing Angular CLI on Windows 10?

Yes, you need to have Node.js installed on your system before installing Angular CLI on Windows 10.

RELATED PROGRAMS