How to install VSCode – Our Text Editor

Before we start coding our HTML let’s know how to install VSCode which will use as our code editor.  Code editors are programs we use in writing code before actually running it on the browser to see how our applications will work.

We have various code editors but the one we will be using for this tutorial will be the Visual Studio Code popularly known as VSCode. 

So you will have to go ahead, download and install VSCode on your computer because that is the code editor we will be using. 

However, if you have other code editors, don’t worry, you can use that and follow along with the instructions.  I believe the result will be the same at the end of the day.

Now to get VSCode for windows

1. Open your browser. I am using Google Chrome.
2. Search for Visual Studio Code.
3. The first link you have in your search result will be the one that has this link – https://code.visualstudio.com/. You can click here.
4. Once you open the website, you will see a large blue button with the inscription “Download for Windows”. Click on the button.  See attached image.
5. Once the download is completed, click on the downloaded file to open the executable file which you are going to use in your installation. Minimize the browser   
6. Click on the Run button.
7. Click “I accept the agreement” and click “Next”
8. Now you are taken to the dialogue box that shows where Visual Studio will be installed on your system. If you don’t have a good reason to change that, just click Next
9. On the Next Window, if you don’t want to create the start menu folder just check the box. Personally I leave unchecked then click Next
10. Here you have some options to choose. If you want to create the desktop icon, just check the box beside the command and move on to check other options and choose the once you need. Click Install.

This will install Visual Studio Code on your System. If you want to launch the Visual Studio Code after the install, you can leave the check box checked and then click finish and that will launch VSCode.

You will also see the visual studio code icon on the desktop so you can click on the icon to launch VSCode anytime you want to work

1. Now once you launch your VSCode, you will notice on the left handside of the code editor are some icons. The first icon there is called the “Explorer”.
2. Now with the  explorer you can open any folder in VSCode  
3. Other icons there include search, source control, run and debug then the extensions icon.
4. The Extensions icon is used for the installation of some important extensions
5. Down at the bottom is the Account icon and the Wheel which is for settings and to manage VSCode.

Now if you are installing on Mac or Linux you will see other platforms under the big blue button when you log into the VSCode Website. Click on other platforms and follow from steps number 5 above.

Now you have successfully installed VSCode which is the text editor we will be using for the course. If you had any problem is the process just drop a comment.  I will respond to your comments once I come in to review the comments.

However, if you want to support us, you can contact the admin on 08034417104.  Fill this form to be part of our community and click here to join our community whatsapp group.

Did you read our getting started note? You may like to see that too.