Setting up Visual Studio Code for Angular Development

Mandeep Singh
1 min readJul 24, 2018

--

Lets get started with setting up an IDE( integrated development environment ) for our Angular Development.

In this blog we’ll go through how to set up our IDE ( visual studio code) and begin the development work.

About Visual Studio Code : Visual Studio Code is a cross platform IDE developed by Microsoft . It’s super easy to use & is a modular IDE. So you can put in your tools according to your requirement.

To download Visual Studio Code : Go to https://code.visualstudio.com/ and download the one for your platform.

The great thing about VS Code is that it has debugging option , git-integration , built-in terminal and definitely the extensions.

Once you have installed the VS code

Downloads these extensions to make your work more easy & neat :

  1. Debugger for Chrome
  2. Prettier — Code Formatter
  3. Angular Language Service
  4. TS Lint {for typescript} *What is a Linter?*

I’ll be using Vs code. so there was some easy -to -go setup information about it.

The other IDE you can use are Atom or Webstorm.

--

--