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.

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 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

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

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

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

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

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

Congrats!! You have set up an angular project

I hope it can help you...

Node Js Angular

Robert look

Author, Web Developer (Front-end & Back-end)

My Name is Robert look from New york, America. I'm a Web Application Developer with 6 years of experience. Currently, I'm working on front-end & back-end web development using popular web technology Languages. That's why I love to share my coding knowledge in a smart way.