# Activity #8 : Getting Started with Angular

### Step #1 - Run Command Prompt as Administrator and check your node and npm versions.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726846577235/595302ee-4517-4b46-b497-50d4ca43e1ee.png align="center")

### Step #2 - Install Angular cli

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726846864549/ce3d38c0-afda-4804-8616-c5e749f849a7.png align="center")

### **Step #3 - Make a folder where we can save our Angular App**

![No description available.](https://scontent.fmnl3-1.fna.fbcdn.net/v/t1.15752-9/458099085_509358908382338_5985073351810693109_n.png?_nc_cat=107&ccb=1-7&_nc_sid=9f807c&_nc_eui2=AeGagCAL93jd3Eg9TY24AUo8QGOB4_oqYedAY4Hj-iph5z7jfY1Ymd0BYsoWCukj7qxoiUdjjK15wTbuK35Pu-cr&_nc_ohc=gFRi0N_mS9wQ7kNvgF9p3fB&_nc_ht=scontent.fmnl3-1.fna&_nc_gid=AD-fDSbXtWAAveV-n4rvjxK&oh=03_Q7cD1QEmKf47kXLuGqGFBDCljew79p2rAQDCgxVx7_epSruSsQ&oe=671508E4 align="left")

### **Step #4 - Now you can use a normal Command Prompt and Go to the folder where we will save our Angular App**

### **Step #5 - Use the command** `ng new nameoftheapp` **or** `ng new my-angular-app` **to make the angular files or app and choose which stylesheet you want using arrow keys and choose whether you want or not to enable Server-Side Rendering and Static Site Generation**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726848060502/5b5ef955-c6c7-4060-8c04-912b21dbb029.png align="center")

### **Step #6- Install all the npm packages and open the files using ide or text editor**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726848177211/cbc779f9-1eaa-477f-85c9-a311fc33fbee.png align="center")

### **Step #7 - Now go back to the Command Prompt where our Angular Files or App is save and use** `ng serve` command to run the Angular App and copy the [localhost](http://localhost) link server that will show in the Command Prompt and paste it in the Browser and enter to run the app

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726848232853/a94366fc-8a2e-4a25-97ff-34b93ecf88e7.png align="center")

### **Step #8 - Now go to the files and click src folder and find index.html and delete the** `<app-root></app-root>` body tag so that the contents of the angular will be deleted

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726848478593/ebb56476-307a-4d30-a55c-f12b95190472.png align="center")

### **Step #9 - Now refresh the browser to see the result**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726848607000/d98a27ad-0bd0-4620-a488-6f4306a9fd28.png align="center")

---

Repository link : [https://github.com/WalterJhonSalibay/AngularBasicRouting](https://github.com/WalterJhonSalibay/AngularBasicRouting)