How to Install and Setup Angular 7 on Windows 10

Image is loading...

Angular is a JavaScript opensource framework which helps in developing single page web applications suitable for web/mobile/desktop. Angular supports the use of TypeScript instead of JavaScript in your project if you are familiar with it.

It is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop.

The current stable version of Angular is 7.0.1 and we are going to install it on Windows 10.

INSTALLATION

1. INSTALL NODEJS

Since Angular is a JavaScript framework, it requires to have Nodejs(A JavaScript runtime) installed.

The latest version of Node.js can be downloaded and installed from the official website below. Currently, 10.10.0 is the stable release and you can also choose the latest version if you are interested.

https://nodejs.org

2. INSTALL GIT

We need a terminal to go forward in this tutorial. Windows have Command Prompt and Powershell as default terminal but it feels a little bit uncomfortable. So I personally recommend git bash in place of Command Prompt. Git can be installed using the below link.

https://git-scm.com/downloads

Image is loading...

Just install the exe file. I am not explaining the steps because you can execute the commands on Command Prompt also.

So after successful installation of Git, right click on the desktop and select Git Bash Here. This will open up a terminal and from now on, you can execute all the commands in the below steps within Git Bash. But first Chain Direct to the home directory using the below command.

cd ~

Image is loading...Image is loading...

3.INSTALL ANGULAR CLI

Angular CLI helps us to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

It can be simply installed using npm.

npm install -g @angular/cli

4. CREATE A NEW ANGULAR PROJECT

Now we need to set up a workspace for Angular projects in our system and create a new app.

ng new awesome-project

5. CHOOSING THE CODE EDITOR

You can choose your own favorite code editor for editing your project. But in my case, I choose the Visual studio Code(VS code). Using the below link, you can download and install VS code for Windows.

https://code.visualstudio.com

6. DIRECTING TO YOUR PROJECT FOLDER AND EDITING

Open your new project on VS code using the below command.

cd awesome-project
code .

7. RUNNING YOUR APPLICATION

The app you created can be run using the command below.

ng serve --open

This opens up a new tab on your browser with the URL below.

http://localhost:4200

Note: If you are installing Angular 7 on Ubuntu based systems, take a look at the below link.

How to Install and Setup Angular 7 on Ubuntu 18.04.1

You May Also Like

About the Author: Syamlal CM

Hi, I'm Syamlal, the co-founder of Redmonark. I'm a developer, writer and also have a little bit of experience in graphic designing.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.