Welcome to the free & complete Angular Tutorial.

In this lesson, we are going to setup environment and below questions will be answered at the end of this post:

  • What software(s) need to be installed
  • How to setup development environment to begin with Angular application development.

If you already have these software(s), then you can start with developing Angular application by going through other Angular topics.

Take me to other Angular topics

Let’s get started.

Node / NPM:

Node.jsĀ® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Angular is built on top of Node.js, so this is one of the necessary software you need to have.

Install Node.js from official Node website. I would recommend you to choose Node version that supports Angular CLI.

Check compatible Node.js version for Angular in GitLab before installing it.

NPM is installed along with Node.js, which is a package manager that downloads the dependencies (libraries) from NPM repository needed for developing Angular app.

Node.js

Validate installation

Check if Node.js and NPM are installed successfully by running below commands from command prompt/ termianl/ Node.js command prompt.

node -v
npm -v

Angular CLI:

It is a command line interface for Angular that helps in creating new project, building & packaging the application etc., You can install it right from Node.js command prompt/ Terminal/ Windows command prompt.

More information on Angular cli can be found in their website.

Angular cli Installation

Validate installation

Check if Angular cli is installed successfully by running below command from command prompt/ termianl/ Node.js command prompt.

ng v

Microsoft Visual Studio Code:

VS Code is a free, open source code editor from Microsoft, you can download it from their website. I just love this editor, as it has intellisense support, debugging, built-in Git and a lot of useful extensions.

VS Code Installation

Google Chrome Browser:

No much explanation needed for Chrome browser, as it is the fastest browser in Internet world. It also provides support for Angular application debugging, comes with extensions to test REST Api and a lot more.

If you don’t have it installed in your machine, I would recommend you to download and install now from their website.

Google Chrome Browser

Git Client:

Git is a powerful and distributed open source version control system. All the examples that I am sharing in this tutorial are available in Git. You may need Git client to download them.

It comes in two different version: git Bash & git cmd – I would recommend you to install both from here. Git Bash is pretty straight forward, follows Linux commands.

Git Installation

Postman:

Postman is a tool that helps in testing the APIs. Specifically we use REST APIs as backend for Angular applications, that need to be tested just in case if we are developing it.

Postman comes in two versions: One as Google Chrome browser extension and other one as Standalone application. I would recommend you to install standalone app so that you can dedicate Chrome browser only for testing Angular apps.

You can download it from their website.

Postman Installation