In this guide, You will find the required steps to follow, to set up your Angular Development Environment.
- Install the GIT CLI
- Install Node js and NPM
- Install Angular CLI
- 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.
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
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).
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 :
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 @email@example.com
To check the installed version of Angular CLI, you can use this command :
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 :
Instead of :
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.
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).