AI Reading
Quick summary of this article
This guide explains how to install Angular 20 on your computer, starting with checking for Node.js, then installing the Angular CLI tool, creating a new project, and running it in your browser.
- You need Node.js version 18 or later and npm installed before starting; check your Node version with
node -v. - Install the Angular CLI globally using
npm install -g @angular/cli@20and verify withng version. - Create a new project by running
ng new my-angular-appand choose whether to enable routing and select a stylesheet format. - Navigate into the project folder with
cd my-angular-appand start the development server usingng serve; view your app athttp://localhost:4200. - For a module-less setup, you can create a standalone app with
ng new my-standalone-app --standalone.
🚀 How to Install Angular 20 Step-by-Step for Beginners
Angular 20 is here — faster, more efficient, and modern. Whether you’re a beginner or upgrading, this guide walks you through installing Angular 20 from scratch.
✅ Prerequisites
Before starting, ensure your system has:
- Node.js (version 18 or later)
- npm (comes with Node.js)
- A terminal or command prompt
Check your Node version with:
node -vDownload Node from the official Node.js site if it’s not installed.
🛠️ Step 1: Install Angular CLI (v20)
Angular CLI is a command-line tool to create and manage Angular apps. Use the command below to install it globally:
npm install -g @angular/cli@20Verify installation with:
ng versionYou should see:
Angular CLI: 20.x.x
Node: 18.x.x🏗️ Step 2: Create a New Angular 20 Project
Use this command to scaffold a new Angular app:
ng new my-angular-appYou’ll be prompted to:
- Enable Angular routing (Yes/No)
- Select a stylesheet format (CSS, SCSS, etc.)
📂 Step 3: Navigate into the Project
Change directory to your project folder:
cd my-angular-app🚀 Step 4: Serve the Application
Start the development server:
ng serveOpen your browser and go to:
http://localhost:4200🎉 You should see the default Angular welcome page!
✨ Step 5 (Optional): Use Standalone API
Angular 20 supports standalone component-based apps. Use the following command for a module-less setup:
ng new my-standalone-app --standalone📦 Useful Angular CLI Commands
| Command | Description |
|---|---|
ng generate component xyz |
Creates a new component named xyz |
ng build |
Builds the app for production |
ng serve |
Runs the app in development mode |
ng test |
Runs unit tests |
🧠 Final Thoughts
Angular 20 makes it easier than ever to build modern web apps. Follow the steps above and you’ll be up and running in no time.
For deeper learning, visit the official Angular documentation.
Happy coding! 🔥