Home Angular Setting up Angular Development Environment

Setting up Angular Development Environment


In this article I am going to give you step by step details on how to setup your development and environment to create and work on Angular Application.

Setting Development Environment is very easy for Angular it is just three steps process:

  1. Install node
  2. Install angular cli
  3. install code editor

Read – What is Angular and Why do we need Angular?

Install Node

First thing you need to install is the latest stable LTS version of Node.

In case you have never worked with Node before it is basically a run time environment for executing Javascript code outside the browser.

If have note install node before, so go ahead open your browser and head over to nodejs.org and download latest stable version for your operating system.

After you install node to make sure that node is properly installed open up your terminal or command prompt on windows and executing following to check node version

It should show message like: v10.16.1 depending on version you installed.

Once you have installed node, you will have npm (Node package Manage) ready it comes with the node out of the box it is tool to manage libraries, to ensure that the npm is available you just execute in npm –version command and verify.

Install Angular CLI

Angular CLI which stands for Command-line interface so it’s a command line tool that we will to create Angular Projects or generate some boiler plate code as well create deployable packages of Angular Applications.

So Execute following command to install angular CLI globally on your system:

If you are on mac you need to put sudo in the beginning of the command to execute it as an administrator.

After you execute and successfully install angular cli we can ensure installation by executing following command:

It will show you message like this:

Learn About – Architecture of Angular Applications

Install code Editor

Next is we need is the code editor, the code editor I prefer to use is the Visual Studio Code also called as VS Code, because is the beautiful light wight and cross platform editor.

If you don’t have Visual Studio code editor and head over to code.visualstudio.com and download it according the operating system you use.

VS code is available to all platforms such as windows, Linux and Mac and more specially it is open source and free to use.

VS code is not like any other text editor, VS code is specifically designed for programming languages, so it will make really easy to write Angular Applications.

If you have successfully installed the editor I highly recommend to add code to the path so you can easily open it from the terminal.

So to that if you are using mac press Shift + Command + p or if you are using Windows press Shift + Control + P to open up Command palette on VS code.

Installing code command in PATH
Installing code command in PATH

And search for code and look at the command where it ways, Shell Command: Install ‘code’ command in PATH so navigate to this and hit enter and your done, with this change you can goto the any project folder from terminal and use code . command to open up entire project into the VS code.

We are done with the Setup, In the next tutorial I will show you how you can create your first Angular Application using Angular CLI.

Enjoy this tutorial? Get iTech Empires updates delivered straight to your inbox.

No Spam, ever. We'll never share your email address and you can opt out at any time.

Yogesh Kolihttp://www.itechempires.com
Yogesh Koli is a software engineer & Blogger lives in India. He's driven by an addiction to learning and a love for adventure. he has 6+ years of experience working with the front-end and back-end web application development.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Notify of

Tutorials You May Like!

- Advertisement -