Intro

Before we can create our HTML file, we need to create a project folder.

Steps

Create project folder

To create a project folder, go into your File Explorer or Finder and navigate to your Desktop folder. Then create a new folder and name it boilerplate.

Note: You don’t have to put the folder on your Desktop. You can put the folder somewhere else besides your Desktop as long as you can find it later.

Open project folder in VS Code

Open up VS Code if you don’t already have it open.

Go to File > Open… and then navigate to your Desktop folder.

Click on the folder we just created called boilerplate and click Open.

You may see a dialog box appear that says “Do you trust the authors of the files in this folder?”. You can select “Yes, I trust the authors”.

This feature is designed to protect you when running projects downloaded from the internet.

However, since we just created this folder, we can trust it.

Create HTML file

To create a new file in this folder, go over to the Explorer and click on the New File button, which looks like a piece of paper with a plus sign. This should create a text box in the Explorer.

The first page you’ll want to create is the home page.

The file name for the home page is always called index.html, so we’ll type index.html in the text box, and then press Enter.

The file should automatically open up inside the editor.