![how to use visual studio code for html how to use visual studio code for html](https://cdn-images-1.medium.com/max/1600/1*5WzlrdAGGGSKqJBesbl8cA.png)
"html": "cd $dir & start chrome $fileName"Ħ) Now save the changes we’ve made by pressing “ Ctrl +S ” and close all the windows open in visual studio code.ħ) After that create a new file by pressing “ Ctrl+N ” and save it by any name you prefer. Make sure you have Google Chrome installed on your Windows 10 before continuing this step. ģ) After that click on the open setting JSON button to edit the code preferences in visual studio code.Ĥ) In the JSON file type “ code-runner.executorMap ” within the curly braces and hit enter.ĥ) Again hit enter to create a new line and paste the below-provided snippet in the JSON file just like shown in the below image. With this extension, you can run the code by pressing Ctrl+Alt+N and stop the same by pressing Ctrl+Alt+MĢ) Now open code settings by clicking on file then preferences then settings. Step 1: Configure Visual Studio Code for Running HTML Codeġ) Open up visual studio code, press the extensions button and search for “ code runner ”, select the first option from Jun Han and click on the small green install button. If you’re finding it hard to run HTML code in Visual Studio Code on your Windows 10 machine then you can refer to the below video for a complete guide.
#How to use visual studio code for html how to
Video Tutorial: How to Run HTML in Visual Studio Code on Windows 10
![how to use visual studio code for html how to use visual studio code for html](https://i0.wp.com/techdecodetutorials.com/wp-content/uploads/2021/07/2_20210710_070055_0001.png)
Therefore in this article let’s find out how to run HTML in visual studio code on Windows 10 machines. When it comes to web development, the journey of every web developer starts with writing HTML webpages, but many people get stuck in the process of configuring their development environment for running HTML code snippets.