How to Install Angular with Node.js (Step-by-Step Guide)

nitish96
Nitish Sharma
Published on: April 22, 2025
Updated on: April 22, 2025
How to Install Angular with Node.js (Step-by-Step Guide) blog

If you're looking to get started with Angular, one of the most powerful front-end frameworks out there, this guide will walk you through installing Angular using Node.js and Angular CLI. Whether you're building a full-stack app or a standalone frontend project, you're in the right place.

🔧 Prerequisites

Before installing Angular, you need to have Node.js and npm (Node Package Manager) installed on your machine.

✅ Step 1: Install Node.js

Head over to the official Node.js website and download the latest LTS (Long-Term Support) version:

🔗 https://nodejs.org

After installation, open your terminal and verify:

node -v
npm -v

📦 Step 2: Install Angular CLI

The Angular CLI (Command Line Interface) helps you create Angular applications easily and with best practices out of the box.

Run the following command to install Angular CLI globally:

npm install -g @angular/cli

After the installation completes, check the version:

ng version

🚀 Step 3: Create a New Angular Project

Now that you have Angular CLI installed, you can scaffold a new Angular application.

ng new my-angular-app

You’ll be prompted to choose routing and stylesheet format (CSS, SCSS, etc). Choose according to your preference.

Navigate to the project directory:

cd my-angular-app

💻 Step 4: Run Your Angular App

To start the development server and open the app in your browser:

ng serve

Then go to:
👉 http://localhost:4200

You should see the default Angular welcome page. 🎉

🧠 Summary

Here’s a quick recap of the steps:

  1. Install Node.js and npm

  2. Install Angular CLI using npm install -g @angular/cli

  3. Create a new project with ng new

Run the app using ng serve

🔗 Useful Resources

Conclusion

Installing Angular with Node.js is the first step toward building dynamic and scalable web applications. With just a few commands, you can set up a complete development environment and start creating powerful front-end applications. Whether you're learning Angular or starting a new project, this guide sets the perfect foundation. Keep exploring the Angular CLI, experiment with components, and build something amazing!

Comments

Login to leave a comment.

Build Software Application with Impact Hive