In this guide, You will find the required steps to follow, to set up your Angular Development Environment.

How to set up your Angular Development Environment

Steps

  1. Install the GIT CLI
  2. Install Node js and NPM
  3. Install Angular CLI
  4. Install IDE ( VS Code )

Install the GIT CLI

We will start with installing the Git command line interface, which is the place where we can use the GIT commands.

You can download it from this link. You can install Git CLI for your Windows, Linux, or Mac computer.

Git CLI will make the use of git commands easier.

Installation

once you execute the git installer, this GIT setup pop-up will be show

After installing GIT CLI, you can test if you installed it successfully by running this command 

git --version

and if all is good , you will see something like this :

you can also see an item called Git Bash Here whenever you click the right button on the mouse.

Install Node js and NPM

Now, we can pass to the next step, installing Node js and NPM (Node Package Manager).

Node js is a javascript runtime environment responsible for running javascript code without using the browser’s engine.

NPM is the largest registry containing javascript packages. The installation of NPM is combined with Node’s installation.

You can install Node from this link https://nodejs.org.

As we mentioned, NPM setup is bundled with Node js.

We can Test it via these two commands : 

node -v
npm -v

If all the steps are applied correctly, the results of the commands should display something like this :

Install the Angular CLI

We’ve already installed the required tools that will help us execute the most important step, installing the Angular CLI.

Let’s first define the Angular CLI: It’s the command line interface tool that we will use to create, run, test, and build our Angular applications.

This step is too simple, we can just use this command to install Angular CLI :

npm i -g @angular/cli

This command will install the latest version of Angular CLI which is equivalent to the following command :

npm i -g @angular/cli@latest

If you want to install a specific version of Angular CLI you can use this command npm i -g @angular/cli@version like the example below :

npm i -g @angular/cli@6.1.1

To check the installed version of Angular CLI, you can use this command :

ng --version

The result seems like that :

If you are working with Angular CLI V14 and you used ng –version, you might face this error,

Error: You need to specify a command before moving on. Use ‘–help’ to view the available commands.

This solution is pretty simple:

Try to use :

ng version

Instead of :

ng --version

Install IDE ( VS Code )

In order to simplify writing code, debugging, and testing our Angular applications, we need an editor.

We prefer to work with VS code, as it is free, simple, and contains many plugins that speed up and optimize the creation of performant Angular applications.

Download VsCode from this link: https://code.visualstudio.com/download

The steps are quite simple so there’s no need to go in-depth with them.

We will show you in the next articles some useful plugins that will make developing angular applications smooth as butter. So, stay tuned and take a look regularly at our blog.

Conclusion

In this blog, we discovered how to set up your Angular Development Environment. We detailed the necessary steps one by one which are: Install GIT CLI, install Node and NPM, install Angular CLI, and finally install an editor ( VsCode in our case).