Complete Installation Guide for macOS & Windows
Introduction
- The video is a Hindi tutorial focused on installing and setting up Angular 21.
- It’s typically the first step before writing Angular applications — explaining tools and environment setup.
Prerequisites
Before installing Angular, you must have:
- Node.js installed (latest stable version).
- NPM (Node Package Manager) — automatically installed with Node.js.
- 👉 These tools allow us to install the Angular CLI and run Angular apps locally.
. Installing Angular CLI
- Use Terminal (macOS) or Command Prompt / PowerShell (Windows).
- 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
- Generate a new Angular workspace using:
ng new angular-21-tut
After running this:
- You’ll be asked questions (e.g., whether to include routing).
- Style format options might be shown (like CSS, SCSS).
Running the Angular App
- 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
- This confirms that Angular is installed and working correctly. angular.io
macOS vs Windows Notes
Although steps are similar on both systems:
- macOS uses the Terminal app.
- Windows uses PowerShell or Command Prompt, but commands stay the same.
Common Errors & Fixes
Tutorials often cover:
- Permission errors on macOS → use
sudoif needed. - Firewall or PATH issues → ensuring Node and Angular CLI paths are correctly set.
- (These are typical problems many learners face.)
Next Steps After Setup
Once setup is complete, a typical Angular 21 course continues with:
- Understanding Angular folder structure.
- Creating components (
ng generate component <name>). - Learning modules, templates, data binding, and routing.