![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/How-to-Create-HTML-File-in-Visual-Studio-Code-5-Steps-min.png?resize=840%2C440&ssl=1)
Do you want to know How to Create HTML File in Visual Studio Code?
There are many version of ways to create files on Visual Studio Code but 2 most popular way is using “Terminal-(How to Create a File in VSCode using Terminal?)” and “File Menu“
And, in this article we were going to use the File menu to create files on VS Code, this method will also be very straightforward and fast.
For Example:
- Open Visual Studio Code on your device.
- Click the Explorer button, or press (Ctrl+Shift+E).
- Now click on the New File and Give any Name of your File
- Now your File is ready to do codes
Now that the HTML file is created in Visual Studio Code, you can start writing your code.
To know more details you can check all the steps with image and step by step given below.
How to Create HTML File in Visual Studio Code in 4 Steps
Creating HTML File in the Visual Studio Code is very easy and simple, I have mentioned below how to create an HTML file in visual
You can easily follow all the 4 steps and Create HTML, CSS, and JavaScript Files in Visual Studio Code, follow all the steps that I mentioned below
1. Open Visual Studio Code on your Device
In the first steps, you have to open the Visual Studio Code on your device, if you don’t have the Visual Studio Code then you can easily download the Visual Studio Code from their website
Link to “Download Visual Studio Code” Form there official Website,
And if you have the Visual Studio Code on your device so open it on your device
![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/Open-Visual-Studio-Code-on-your-Device-min.png?resize=840%2C448&ssl=1)
2. Click on the Explorer Button or Press (Ctrl+ Shift+ E)
After opening the Visual Studio Code on your devices, Now see on your screen on the left-hand side there is have a 4 button, so click on the first button is Explorer Button
Or you can also use the second Option which is to press (Ctrl+ Shift+ E)
![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/Click-on-the-Explorer-or-Press-Ctrl-Shift-E-min-min.png?resize=840%2C446&ssl=1)
3. Now click on the New File and Give any Name of your File
After Click on the Explorer Button, Now see there is a have 5 buttons so click on the first button which is New File
![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/Now-click-on-the-New-File-min-min.png?resize=840%2C445&ssl=1)
Once you click on the new file you can see there is an open an input box, so in the input box, you have to put your filename once you enter your file in the search bar you have to also add .HTML
If you making an HTML file so give .HTML or if you making a CSS file so give .CSS and if you making a javascript file so give .js
![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/Give-any-Name-of-your-File-min-min.png?resize=840%2C444&ssl=1)
4. Now your File is ready to do codes
After following all these steps now your file is a read to start code now you can do HTML, CSS, Javascript, and also other programming languages
![](https://i0.wp.com/newbiecoding.com/wp-content/uploads/2022/04/Now-your-File-is-Read-to-do-codes-min.png?resize=840%2C440&ssl=1)
These are the simple 4 steps to create HTML files on Visual Studio Code, I hope this post will help you to create your file in Visual Studio Code.
You may also want to know: How to Add HTML Border Around Text Only