Complete Installation Guide for macOS & Windows

Introduction

  1. The video is a Hindi tutorial focused on installing and setting up Angular 21.
  2. It’s typically the first step before writing Angular applications — explaining tools and environment setup.


Prerequisites

Before installing Angular, you must have:

  1. Node.js installed (latest stable version).
  2. NPM (Node Package Manager) — automatically installed with Node.js.
  3. 👉 These tools allow us to install the Angular CLI and run Angular apps locally.



. Installing Angular CLI

  1. Use Terminal (macOS) or Command Prompt / PowerShell (Windows).
  2. Run the core command:
npm install -g @angular/cli

This installs the Angular CLI globally so you can generate projects easily.


Creating a New Angular 21 Project

  1. Generate a new Angular workspace using:
ng new angular-21-tut


After running this:

  1. You’ll be asked questions (e.g., whether to include routing).
  2. Style format options might be shown (like CSS, SCSS).


Running the Angular App

  1. Navigate to the project folder:
cd angular-21-tut


Start the Angular development server:

ng serve


Visit the application directly in browser at:

http://localhost:4200
  1. This confirms that Angular is installed and working correctly. angular.io


macOS vs Windows Notes

Although steps are similar on both systems:

  1. macOS uses the Terminal app.
  2. Windows uses PowerShell or Command Prompt, but commands stay the same.


Common Errors & Fixes

Tutorials often cover:

  1. Permission errors on macOS → use sudo if needed.
  2. Firewall or PATH issues → ensuring Node and Angular CLI paths are correctly set.
  3. (These are typical problems many learners face.)


Next Steps After Setup

Once setup is complete, a typical Angular 21 course continues with:

  1. Understanding Angular folder structure.
  2. Creating components (ng generate component <name>).
  3. Learning modules, templates, data binding, and routing.