Home
Zarak Shah

Setting Up Your Angular Development Environment on Windows

A complete guide for getting Angular running on Windows from scratch.

Prerequisites

  • Windows 10 or later
  • Administrator access

Step 1: Install Node.js and npm

Download the LTS version from nodejs.org. The installer includes npm.

Verify the installation:

node -v
npm -v

Step 2: Install Angular CLI

npm install -g @angular/cli

Verify:

ng version

Step 3: Set Up VS Code

Download Visual Studio Code. Install the Angular Language Service extension for template autocompletion, inline errors, and go-to-definition support.

Step 4: Create Your First App

ng new my-angular-app
cd my-angular-app

The CLI will prompt you to configure routing and stylesheet format. The defaults are fine for getting started.

Step 5: Run the App

ng serve

Open http://localhost:4200/ in your browser. The app reloads automatically on file changes.

Step 6: Explore the Project Structure

Your main work lives in src/app/:

  • Components — UI building blocks with a .ts, .html, and .css file each
  • Modules — Groups of related components and services
  • Templates — HTML with Angular binding syntax

Step 7: Additional Tools

  • Angular DevTools — Browser extension for inspecting the component tree and profiling change detection
  • Angular Material — Component library: material.angular.io
  • RxJS — Reactive programming library used throughout Angular: rxjs.dev

Resources

✦·