Welcome to the free & complete Angular Tutorial.
In this lesson, we are going to setup development environment to begin with Angular 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?
Let’s get started.
Node / NPM:
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.
Check if Node.js and NPM are installed successfully by running below commands from command prompt or terminal.
node -v npm -v
You should see the versions of Node and npm. You are all set then, move on to next software.
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.
Check if Angular cli is installed successfully by running below command from command prompt/ termianl/ Node.js command prompt.
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.
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.
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.
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.