---
title: "How to install Angular on Windows"
description: "Short tutorial (Video: 2min) and a step to step guide on how to install Node.js and Angular on a Windows computer. Create your first Angular project."
canonical: "https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows"
product: "babeledit"
date: "2023-10-26T00:00:00.000Z"
modified: "2023-10-26T00:00:00.000Z"
source: "html"
---

# How to install Angular on Windows

Andreas Löw

[angular](https://www.codeandweb.com/tutorials/angular.md),  [babeledit](https://www.codeandweb.com/babeledit/tutorials.md),  [tutorial](https://www.codeandweb.com/tags/tutorial)

![How to install Angular on Windows](https://www.codeandweb.com/static/29cb8e7b60abf6e855b705675085cb1a/afa5c/how-to-install-angular-on-windows.png)

## Who is this tutorial for?

This tutorial is a short beginners guide to install Node.js and Angular on a Windows machine. It also shows how to create and start a demo application.

We've created this as a video and text.

Video: **How to install Angular on Windows** (2:08) https://player.vimeo.com/video/702049719?h=b17b6ba5af

## Install Node.js

Visit \[[https://nodejs.org](https://nodejs.org)\] and download the current LTS (Long Term Support) version of NodeJS:

  ![Download Node.js](https://www.codeandweb.com/static/3e8a86e4bd74b8b2ad5c44cb4e917164/283d3/download-node-js.png)

Open the installer and simply continue with the default settings:

  ![Installing Node.js on Windows: Installer screen](https://www.codeandweb.com/static/287879cc8f571fd7ad10fdcce3b802b7/283d3/install-node-1.png)

Accept the agreement:

  ![Installing Node.js on Windows: Agreement](https://www.codeandweb.com/static/a3832580b116b43fdd3195c1d7ea9cae/283d3/install-node-2.png)

The default path should be fine:

  ![Installing Node.js on Windows: Target directory](https://www.codeandweb.com/static/0cd0596d72d1fef26bbc7156c8af1552/283d3/install-node-3.png)

Keep the features as they are:

  ![Installing Node.js on Windows: Packages](https://www.codeandweb.com/static/99cb2572f74b140ab625342abf4d472f/283d3/install-node-4.png)

You don't have to install the native modules. They use quite some space on your computer (3GB) and are usually not required:

  ![Installing Node.js on Windows: Native modules](https://www.codeandweb.com/static/e122e990afb9ab2d7bb896b71894b05e/283d3/install-node-5.png)

Complete the installation:

  ![Installing Node.js on Windows: Native modules](https://www.codeandweb.com/static/ec3907d4952467d8f18480d4ad02caf5/283d3/install-node-6.png)

### Verifying the installation

You can now open a **Command Prompt** and type:

```bash
node --version
```

Node should respond with the version you just downloaded.

## Install Angular using npm

In a _Command Prompt_\* type

```bash
npm install -g @angular/cli
```

### Verifying the installation on Angular CLI (ng)

Type:

```bash
ng --version
```

You should see something similar to this:

  ![Verifying that Angular is correctly installed](https://www.codeandweb.com/static/52553a33ead444166c9291d2bf6726e5/283d3/verify-angular-is-installed.png)

### Optional: Disable Analytics

Use the following to prevent Angular from phoning home:

```bash
ng analytics off
```

## Using the Angular CLI tool (ng) to create your first project

### Create a new project with ng

Let's now create your first project:

```bash
ng new test-project
```

Angular now asks you 2 questions:

*   Would you like to add Angular routing?
*   Which stylesheet format would you like to use?

Angular routing is required if your app should have multiple pages. For this simple tutorial it does not really matter what you answer...

The style sheet format also depends on your preferences. Simply select what you want to use.

It takes a while until Angular is installed.

`ng` tries to init a `git` repository in your project folder. You might get an error if the `git` command is not in your path. You can ignore that for now.

In my case I got a long list with the following output:

warning: LF will be replaced by CRLF in tsconfig.spec.json. The file will have its original line endings in your working directory

I am getting this error in the video because I've set git to auto linefeed handling. That means that if I check out a file on Windows I'll get CR/LF endings, on a Mac or on Linux I'll get only linefeeds (LF).

This is the best choice when working on multiple platforms.

### Opening the project

The `ng` tool create the files in a new folder. Let's change into that one:

```
cd test-project
```

Now use the following command to compile and start your project:

```
ng serve
```

You should now see the following output:

  ![Compiling and serving your Angular app locally](https://www.codeandweb.com/static/0fc614350823f421d59e423fcb833779/283d3/ng-serve.png)

Open a browser on http://localhost:4200 to see the project:

  ![Preview your Angular app locally](https://www.codeandweb.com/static/2f3e89f736e8d2a580a94d4f7094a484/283d3/angular-app-in-chrome.png)

## Conclusion

As you see, installing Node.js and Angular on your computer is not rocket science :)

## Structured data

```json
{
  "@context": "https://schema.org",
  "@type": "TechArticle",
  "headline": "How to install Angular on Windows",
  "author": [
    {
      "@type": "Person",
      "name": "Andreas Löw"
    }
  ],
  "dateModified": "2023-10-26T00:00:00.000Z",
  "image": "/static/29cb8e7b60abf6e855b705675085cb1a/afa5c/how-to-install-angular-on-windows.png"
}
```

```json
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "thumbnailUrl": "https://i.vimeocdn.com/video/1418513079-445ce8e3955f4ecdc2d0026eb73fee9b46fc5d1f7af1653c02c9c3b2ca7e2c9d-d?f=webp",
  "embedUrl": "https://player.vimeo.com/video/702049719?h=b17b6ba5af",
  "name": "How to install Angular on Windows",
  "description": "This short video (2min) shows how you can install node.js and Angular on a Windows computer and create your first Angular project.  Steps in this video:  1) Download…",
  "height": 1080,
  "width": 1920,
  "videoQuality": "HD",
  "uploadDate": "2022-04-22T09:30:09-04:00",
  "dateModified": "2023-11-30T06:20:47-05:00",
  "duration": "PT00H02M08S",
  "keywords": [],
  "thumbnail": {
    "@type": "ImageObject",
    "url": "https://i.vimeocdn.com/video/1418513079-445ce8e3955f4ecdc2d0026eb73fee9b46fc5d1f7af1653c02c9c3b2ca7e2c9d-d?f=webp",
    "width": 1280,
    "height": 720
  },
  "url": "https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows"
}
```

```json
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to install Angular on Windows",
  "image": {
    "@type": "ImageObject",
    "url": "https://www.codeandweb.com/static/29cb8e7b60abf6e855b705675085cb1a/f3583/how-to-install-angular-on-windows.png",
    "height": "675 px",
    "width": "1200 px"
  },
  "step": [
    {
      "@type": "HowToStep",
      "url": "https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows#install-node-js",
      "text": "Install Node.js"
    },
    {
      "@type": "HowToStep",
      "url": "https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows#install-npm",
      "text": "Install Angular using npm"
    },
    {
      "@type": "HowToStep",
      "url": "https://www.codeandweb.com/babeledit/tutorials/how-to-install-angular-on-windows#first-project",
      "text": "Using the Angular CLI tool (ng) to create your first project"
    }
  ],
  "totalTime": "PT15M"
}
```