How to Download and Install Visual Studio Code

Back to: HTML Tutorials

How to Download and Install Visual Studio Code Editor

In this article, I am going to discuss How to Download and Install Visual Studio Code Editor to develop HTML-based Web Applications. Please read our previous article where we give a brief introduction to HTML.

What is Visual Studio Code Editor?

To create web pages in Html a code editor is required. A code editor is responsible for interpreting HTML documents and displaying their content on the browser.

A simple notepad can also be used to create an HTML document. However, it is inefficient, and refactoring code in large files with Notepad is extremely tough. So, it’s better to use modern code editors like VS Studio Code.

It is simple and easy to get started using Visual Studio Code. Visual Studio Coding is a free code editor provided by Microsoft and it is the most used and preferable editor nowadays. It is compatible with Windows, Linux, macOS, and other operating systems.

Visual Studio Code has many extensions and libraries which help you to write efficient code and assist you in your developer journey.

Why Visual Studio Code Editor?

1. It is a Light Weight editor.
2. It can also be used as a coding language editor such as Java, C#, Clojure, Objective-C, etc.
3. It supports a built-in Git extension so that you can work with source control without leaving the editor.
4. It also includes built-in support for IntelliSense code completion, rich semantic code understanding and navigation, and code refactoring.
5. It includes an interactive debugger, so you can step through source code, inspect variables, view call stacks, etc.
6. It also provides lots of extensions that are required for the development.

How to Download and Install Visual Studio Code Editor

Let us see how to download and install the Visual Studio Code in the Windows Operating System step by step. First, download the Visual Studio Code Editor from their official website by visiting the following link.

https://code.visualstudio.com/

Once you visit the above link, then it will open the following page and from this page click on the Download menu which you can find at the top of the page as shown in the below image.

Once you click on the Download menu, then it will open the following page. Based on your operating system choose you have to choose the appropriate Visual Studio code Editor. I have installed the windows 10 operating system on my machine, so I installed the Windows option as shown in the below image.

How to Install Visual Studio Code Editor on Windows Operating System?

Once the download is completed, then click on the setup file and it will open the following window asking you to accept the license agreement. Here, simply choose the accept radio button and click on the Next button as shown in the below image.

Once you click on the Next button, then it will ask you to choose the location where you want the visual studio code editor to be installed. Here, I am going with the default location and then click on the Next button as shown in the below image.

Once we click on the Next button, it will open the Select Start Menu Folder window. Again, I am going with the default name i.e. Visual Studio Code for the program’s shortcut name, and click on the Next button as shown in the below image.

Once you click on the Next button, then it will open the Select Additional Tasks window. From this window, check the Create a Desktop Icon and Add to path checkboxes as shown in the below image, and then click on the Next button.

Once you click on the Next button, then it will open the Ready to Install window. From this window, simply click on the Install button as shown in the below image which will install Visual Studio Code Editor on your machine.

Once the installation is completed successfully, it will give you the following window, simply click on the Finish button and you are ready to use Visual Studio Code Editor.

How to Create Html Document using Visual Studio Code Editor?

To create an Html document first open visual studio code and click on the new file option to create a new file in Html.

Then save the file with the extension (.html) to create an Html file.
For Example:

1. index.html
2. setup.html
3. tutorial.html

Once an Html file is created you can start writing code and create awesome websites.

Click on the Run button and you will get the following output in your default web browser.

In the next article, I am going to discuss HTML Tags and Elements with Examples. Here, in this article, I try to explain How to Download and Install Visual Studio Code Editor to develop HTML-based Web Applications and I hope you enjoy this How to Download and Install Visual Studio Code Editor to develop the HTML-based Web Applications article.