How To Install Angular And Set Up First Angular Application ?


We learn how to install and set up Angular on windows 10 OS. In this tutorial guide, you will explore how to install angular CLI on windows.

Angular is an open-source, front-end web application development framework. This framework developed by Google, this framework is TypeScript-based and led by the Angular Team at Google.

In this tutorial, we will cover the installation procedure of angular on the windows 10 OS.

How To Install Angular And Set Up First Angular Application ?

Important package in install angular. We learn How to install angular CLI.

How to setup a VPN in Windows 10
How to setup a VPN in Windows 10

To install Angular CLI we need node js and npm. First of all, open a command prompt and check npm and node js install 

node -v


And

npm -v


How To Install Angular And Set Up First Angular Application ?
How To Install Angular Cli

Angular CLI comes with a wide range of commands that help manage the angular development, testing, and build process

We will install angular CLI using npm. On the terminal run the install command shown below.

npm install -g @angular/cli


The successful installation you should see Then check @angular/CLI version see below.

ng version
How To Install Angular And Set Up First Angular Application ?

Congratulations, you have successfully installed @angular/cli

Create new angular project

1. Create an angular application using ng new command as shown below

ng new myfirstproject


my first project is a project name understand

How To Install Angular And Set Up First Angular Application ?
How To Install Angular And Set Up First Angular Application ?

Successfully create ng new project then open command prompt and run ng serve -open command starts webpack development server which in turn performs all the build process and opens a browser window and loads application URL which runs at by default. On successful execution, you should see the below output in the browser angular project.

ng serve -open


How To Install Angular And Set Up First Angular Application ?

Let’s open the project in code editor vs code. We will go through the project structure to understand.

How To Install Angular And Set Up First Angular Application ?

Then first welcome message change goes to src>app>app.component.html see below.

How To Install Angular And Set Up First Angular Application ?

Change any code to restart angular automatically see below With new changes your browser window should look like below we learn create new angular project

How To Install Angular And Set Up First Angular Application ?

Congrats!! You have set up an angular project


I hope it can help you...

Leave a Reply

Your privacy will not be published. Required fields are marked *

We'll share your Website Only Trusted.!!

close