🚀 Getting Started with Angular — Complete Setup & Installation Guide

1. Install Node.js & Npm

Angular requires Node.js and npm (Node Package Manager).

Steps:

  1. Visit https://nodejs.org

  2. Download the LTS (Long Term Support) version.

  3. Install using the default settings.

  4. Verify installation:

     node -v
     npm -v
    

💡 Tip: Always install the LTS version for better stability.


2. Install Angular CLI

The Angular Command Line Interface (CLI) helps create, build, and manage Angular projects easily.

Install globally:- prefer stable version

npm install -g @angular/cli

Verify:

ng version

While you can use any editor, Visual Studio Code is the most popular choice for Angular.

Steps:

  1. Download from https://code.visualstudio.com

  2. Install extensions:

    • Angular Essentials (John Papa)

    • Prettier – Code Formatter

    • Angular Language Service


Git helps with version control and collaborating with others.

Steps:

  1. Download from https://git-scm.com/

  2. Verify:

     git --version
    

5. Create Your First Angular App

Once everything is installed:

ng new my-angular-app
cd my-angular-app
ng serve -o

Open http://localhost:4200 to see your app running 🎉


Conclusion

Wrap up with encouragement:

And that’s it! You’re now ready to start building amazing Angular apps. In the next part of the series, we’ll explore Angular project structure and how everything fits together.

0
Subscribe to my newsletter

Read articles from Shubham Deshmukh directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Shubham Deshmukh
Shubham Deshmukh

My career objective is to be a competent individual who can contribute significantly to an organization's growth and also get valuable exposure, that would help me enhance my skill sets and provide me with opportunities to grow and further develop my talents as an individual. Also will offer me a work-life balance.