Angular Environment Setup on Windows 10

Angular Environment Setup on Windows 10. Alright! The first thing we need to do before getting started on developing applications in Angular, we need to set up our development environment. We need to download and install couple things before we get coding.

Things to install

  • Node.js
  • Npm
  • Visual Studio Code
  • Git Bash Terminal

Node.js is a JavaScript run-time environment. It provides us the necessary modules to run a server environment from where we will serve our application. But more on that later.

Npm stands for Node Package Manager which is used  to install the dependencies we need to set up angular.

Visual Studio Code is an IDE where we will write our code. It is great because it was specifically built for JavaScript and its frameworks.

Git Bash Terminal is a linux-like command line interface. This is optional, but I am going to use this because I’m used to linux commands, and as a developer, this should be useful at some point of our coding life.

Let’s jump right into it…

Angular Environment Setup on Windows 10

Installing Node.js :

Installing Node.js is as easy as googling node and clicking the download link, downloading the windows version and installing  it. Its all next, next, next, finish. Simple as that!

Follow this link:  Download Node.js

Angular Environment Setup on Windows 10

Download the windows version of Node.jsdepending on your 32-bit or 64-bit operating system.

After its finished downlading, click on it to open the installer.

And.. yes, you guessed it, next, next, next…

Accept Terms and condition, next!

Next!

C:/ProgramFiles/Next!

I will have everything, Thank you good sir!

Next!

Next is disabled! T_T

Almost there!

Aaah! Finish!

There now we have Node.js and Npm installed. Yes, you heard correct! We killed two birds with one stone!
Thing is, npm ships with Node. Sweet Right! Now lets get that IDE.

Installing Visual Studio Code:

Just like installing Node, visit this websit:  VSCode Download site

And click on the windows version of it to download.

After completing the download, go ahead and run the installer, and next all the way.

Next!

Accept.

Next.

C:/ProgramFiles/Next

Next!

Next

The real installation part…

Finish and it will open up Visual Studio Code for us.

Welcome to your coding environment!

Now one last thing left is GitBash terminal.

Also, this is optional. So you can skip this step if you want to.

However, if you do decide to install it, Here is a link on how to install GitBash on Windows , and you can follow along nicely.

If you wish to continue to getting up and running with Angular, click here.