html - 如何使用 Visual Studio Code 在浏览器中查看 HTML 文件

Question

如何使用新的 Microsoft Visual Studio Code 在浏览器中查看我的 HTML 代码？

使用 Notepad++，您可以选择在浏览器中运行。如何使用 Visual Studio Code 完成同样的事情？

Answer 1

对于 Windows - 打开默认浏览器 - 在 VS Code v 1.1.0 上测试

回答打开特定文件(名称是硬编码的)或打开任何其他文件。

步骤:

1. 使用 ctrl + shift + p(或 F1)打开命令面板。

2. 输入任务:配置任务或在旧版本上输入配置任务运行器。选择它将打开 tasks.json 文件。删除显示的脚本并将其替换为以下内容:

   {
       "version": "0.1.0",
       "command": "explorer",    
       "windows": {
           "command": "explorer.exe"
       },
       "args": ["test.html"]
   }
   

   请记住将tasks.json 文件的“args”部分更改为您的文件名。当您按 F5 时，这将始终打开该特定文件。

   您还可以使用 ["${file}"] 作为“args”的值，将其设置为打开您当时打开的任何文件。请注意，$ 位于 {...} 之外，因此 ["{$file}"] 不正确。

3. 保存文件。

4. 切换回 html 文件(在本例中为“text.html”)，然后按 ctrl + shift + b 在网络浏览器中查看您的页面。