Visual Studio Code editor is getting more attention among the Typescript and Angular JS developers

Visual Studio Code editor is an open source software, which is developed by the Microsoft Corporation. The features of the Visual Studio Code editor are

1. Easy to install the plugins
2. AutoComplete option
3. Error Spotting
4. Integrated Terminal
5. Code Debugging

This tutorial explains how to install the Visual Studio Code Editor on the Mac OS Sierra and how to create the Ionic 2 project and work with it using the Visual Studio Code editor.

To download the Visual Studio Code editor for Mac OS Sierra, open the below link in the browser.

https://code.visualstudio.com/

Now click the Download for Mac button.

It will download the Visual Studio Code editor as the zip file. Extract the downloaded file. After successful extraction, it will give us the Visual Studio Code editor as an application file. To run the Visual Studio Code editor, Please double-click the Visual Studio Code editor application file.


Press control and `, to open the terminal on the Visual Studio Code editor.

Type the below command in the terminal to create the Ionic2 project. 

ionic start vse blank --v2

However, please ensure you have already installed the Ionic on your Mac OS. If you have not installed the Ionic on Mac OS, please visit the below link to learn, how to install the Ionic on Mac OS.

https://ampersandacademy.com/tutorials/ionic-framework-version-2/installing-ionic-2-framework-on-mac-os-sierra

Now you can load the Ionic 2 project into the Visual Studio Code editor workspace. Go to File->Open.

Browse and select the newly created Ionic 2 project, which will open the folder in the tree view.

To run this project, open the terminal and execute the below command.

ionic serve --lab

The above command will give you the preview of your Ionic2 application in the browser.