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

Question

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

使用Notepad ++，您可以选择在浏览器中运行。如何使用Visual Studio代码执行相同的操作？

我尝试将task.json文件管理为：

{
    "version": "2.0.0",
    "tasks": [
        {
            "taskName": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
            "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": [
               "${index.html}"
            ],
            "problemMatcher": []
        }
   ]
}

我也为VSCode安装了在浏览器中查看扩展，但也没有发生任何事情。

Answer 1

更改你的＆＃34; args＆＃34;选项如下：

"args": [
    "${workspaceRoot}/index.html"
],

您可能需要更多目录才能访问index.html，我不知道您的文件夹结构。但是，如果index.html位于工作区的根目录中，则上述方法将起作用。

当然，使用此方法，您实际上并未提供网页服务或观看css，js或html的更改，因此您需要每次刷新浏览器以查看更改。