Setting up the first file in HTML with VS code editor.

In this blog I will discuss how to set up file in HTML with the help of VS code editor and render it on our browser. Here I am considering that we all know basics about VS code and HTML.

I will discuss step by step :-

Step- 1

Create empty folder, it can be anywhere in our system. Here I am creating it on my Destop.

Step- 2

Now we have to open VS code and have select "open folder" and open the folder that we have created in step- 1.

Here my folder name is "First Project".

After selecting folder, click on "Select Folder".

Step- 3

Now our folder is on VS code Editor, we can see it on left side of image provided below with folder name "First Project".

Now we have to move our mouse on folder name, and we will find image like provided below.

Now Click on File icon and provide name of file with extension (.html).

Here I Provided file name "firstProject.html" with extension html.

Step- 4

Till now we learn how to create html file in VS code. Now we will render that html file on our browser.

By selecting our created file on VS code, we have select "shift + ! " to get boilerplate. Image provided below.

Select " ! " .

Step- 5

It Look like

Now we can change title and provide content in body.

Step- 6

Now click on "Go Live" i.e on Bottom-right side.

Now we created html file and render it on our browser.