Before installing Angular, ensure you have the following installed:
Angular requires Node.js and npm (Node Package Manager) to run. Download and install them from:
🔗 https://nodejs.org
To check if Node.js and npm are installed, run:
node -v
npm -v
Angular CLI (Command Line Interface) simplifies project creation and management.
Run the following command in the terminal:
npm install -g @angular/cli
Verify installation:
ng version
Run the following command:
ng new my-angular-app
🔹 What This Command Does:
✔️ Creates a new project folder with all necessary Angular files
✔️ Installs required dependencies
✔️ Sets up TypeScript and other configurations
Navigate to the project directory:
cd my-angular-app
Run the following command:
ng serve
🔹 Open http://localhost:4200/ in your browser.
You should see the default Angular Welcome Page! 🎉
After installation, the project folder contains:
📂 src/ – Main project source code
📂 app/ – Contains Angular components
📂 assets/ – Stores images and other static files
📂 environments/ – Configuration for different environments
📄 angular.json – Angular project configuration
📄 package.json – Project dependencies and scripts
Angular supports various dependencies like Bootstrap, Material UI, and RxJS.
Example: Install Bootstrap
npm install bootstrap
By following these steps, you have successfully:
✔️ Installed Node.js and npm
✔️ Installed Angular CLI
✔️ Created a new Angular project
✔️ Started the development server