# Activity #6 Getting Started with Angular

#### **Activity #6 Getting Started with Angular**

### **Step 1: Install Node JS**

Download the NodeJS LTS From the official website and install it to your machine

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724638894920/4a69b064-b79e-450e-9dd1-f5d3991cb755.png align="center")

### **Step 2: Install Angular CLI**

Install the angular cli using "npm install -g @[@angul](@angular)[**ar**/cli"  
\-](https://hashnode.com/@angular) This command install[s the An](https://hashnode.com/@angular)gular CLI globally on your system. The Angular CLI is a command-line interface tool that helps you manage Angular projects, generate components, and streamline development tasks.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724638984288/e7d228b9-f3b8-41e4-90b6-03b01215e4fd.png align="center")

### **Step 3: Create new Angular project**

Create new angular project, name it to your liking  
"ng new my-angular-app"

\-This command generates a new Angular project called `my-angular-app`. The CLI will ask a few setup questions (e.g., whether to include Angular routing, which stylesheet format to use). It creates a project directory with the necessary Angular files, configuration, and a basic app structure.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724639057156/c0ce6226-0bdf-45c0-9830-507ee99ef44f.png align="center")

### **Step 4: Run the angular app**

I used ng serve to run the Angular app

\- The `ng serve` command compiles the Angular project and starts a local development server. By default, it serves the application at [`http://localhost:4200`](http://localhost:4200)[. It also enables](http://localhost:4200/) live rel[oading, so any change](http://localhost:4200/)s made to the code [will automatically re](http://localhost:4200/)flect in the browser.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724639156632/cd44da60-4532-4bde-b61e-f44b06b9995b.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724639221027/4ebeeb60-d2c6-4f14-a839-e8c07f454d33.png align="center")

**OUTPUT**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724639453882/442f6b31-16b9-4ae5-b964-06b52f2a52cb.png align="center")

[https://github.com/JoshuaNato/my-angular-app](https://github.com/JoshuaNato/my-angular-app)