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 our project if we are familiar with it.

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.2.13 and we are going to explain the steps of installation of it on Windows 10 operating system.

INSTALLATION

1. INSTALL NODEJS

Because Angular is a JavaScript framework, it requires to have Nodejs(A JavaScript runtime) installed on our system.

11.13.0 is the current latest version and it can be installed using the official website URL below.

https://nodejs.org

2.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. So run the below command on Command Prompt / Powershell

npm install -g @angular/cli

3. CREATE A NEW ANGULAR PROJECT

Now we need to set up a workspace for Angular projects in our system and create a new app. This can be done with the command below.

ng new awesome-project

4. RUNNING OUR APPLICATION

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

ng serve --open

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

http://localhost:4200

Have a nice code !

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.

4 Comments

  1. Your setup instructions lack details. During the install on my windows 10 system I was asked questions to which I had to “guess” the appropriate response.

    The install of angular itself and the creation of the angular project took so much time it seems to me to not be a practical system

  2. ng serve –open
    returned:
    The serve command requires to be run in an Angular project, but a project definition could not be found.
    something is missing!

    1. First of all, you need to run this command inside your project directory.
      Still, you are getting this error, execute the below command to solve the issue.

      ng update @angular/cli --migrate-only --from=

      e.g.
      ng update @angular/cli --migrate-only --from=1.7.3

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.