一、下载VS Code
首先从官网 https://code.visualstudio.com/下载VS Code 。
二、在VS Code中下载相关的插件
1、首先打开Visual Studio Code
2、点击左侧工具栏中“扩展”栏，也可使用扩展快捷键打开（Ctrl+Shift+X），打开扩展下载以下三个插件。（三个插件安装完成后都需要重启 VS Code才能使用）
-
Chinese (Simplified)（简体中文）（注：适用于英文版转中文版的小伙伴）
- HTML Play （在你需要监听的html文件上按ctrl+alt+h使用，测试使用）
-
open in browser （把编辑的HTML文件等用浏览器打开，查看效果。）
安装Chinese (Simplified)（简体中文）
安装 HTML Play
安装 open in browser
open in browser要下载1.1.0版本的，通过搜索我们只能找到2.0.0版本。不要慌，先下载2.0.0版本的。
安装完成后鼠标右键点击open in browser，点击“安装另一个版本”。
选择1.1.0版本的安装即可。
至此，三个插件安装流程已经完成。
3、接下来就是使用open in browser配置你编辑的html文件要在哪个浏览器上打开，依然是鼠标右键点击open in browser，然后选择“扩展设置”选项。
在文本框中填上一个你已经安装好的并使用顺手的浏览器，我这边使用的是Google Chrome。
填完之后重启一下Visual Studio Code就ok啦。
三、使用Visual Studio Code创建html文件
点击左上角工具栏中的文件，选择新建文件。
在文本框中输入html。
注意：要以html为后缀名，然后选择放置的位置就可以得到一个新的html文件。
四、html文件运行在浏览器上
在html文件中编辑代码。
代码附上：
<html>
<head>
<title>Hello World</title>
</head>
<body>
Hello World!
</body>
</html>
代码输入完毕之后选择左上角“文件”，点击“保存”。也可用保存快捷键（Ctrl+S）进行保存。最后在空白处点击鼠标右键，选择“Open In Default Browser”就可以运行在浏览器上了。
得到如下效果：
标签：文件,Code,HTML,VS,点击,html,安装 From： https://www.cnblogs.com/langshuo/p/17493590.html