📝 How to Install Angular 20 and Set Up Your First App (Step-by-Step Guide)

👋 Introduction

Welcome back to The Debug Diaries!
In my last post, I talked about what Angular is and why you should learn it in 2025.

Now, let’s get hands-on and set up your first Angular project — using the latest version: Angular 20 💥

---

🧰 What You Need Before Starting

---

🛠️ Step 1: Install Node.js (if not installed)

1. Go to 👉 https://nodejs.org

2. Download the LTS version (recommended)

After installing, verify in terminal:

node -v
npm -v

---

🚀 Step 2: Install Angular CLI (Latest — v20)

To install Angular CLI globally:

npm install -g @angular/cli@20

⚠️ Adding @20 ensures you’re installing the latest major version, not an older one.

Check the version:

ng version

It should show something like:

Angular CLI: 20.x.x
Node: 18.x.x

---

📁 Step 3: Create a New Angular App

Run:

ng new my-angular20-app

CLI prompts:

• Would you like to add Angular routing? → Type y

• Which stylesheet format? → Choose CSS (for now)

This will scaffold a fresh Angular 20 app with everything set up.

---

👨‍💻 Step 4: Run Your Angular App

Navigate into the project folder:

cd my-angular20-app

Then run the app:

ng serve

Now go to 👉 http://localhost:4200
You’ll see the default Angular 20 welcome screen.

---

🧠 What Just Happened?

• The CLI created your Angular 20 project

• It installed all dependencies

• A local development server was started

• The root component rendered in your browser

---

✅ Summary

You just:

• Installed Angular CLI 20

• Created your first Angular 20 app

• Ran it locally in your browser

That’s a huge first step toward becoming an Angular developer! 💪

---

📌 What’s Next?

In the next post, we’ll dive into:

🧱 Understanding Angular Components — The Building Blocks of Angular Apps

We’ll break down the files created and explore what each piece does.

Stay tuned on The Debug Diaries!

---

🔗 Let's Connect and Explore More!

📖 Read the full series: ngtushar.hashnode.dev/angular-series
💻 Source Code on GitHub: github.com/Tushar1409-hj
🔗 Connect with me on LinkedIn: linkedin.com/in/tushar1409

If you found this post helpful, don’t forget to share it with your fellow developers and follow the series for more Angular insights! 🚀