Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Browser 如何使用Visual Studio代码在浏览器中查看我的HTML代码?_Browser_Visual Studio Code - Fatal编程技术网

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

Browser 如何使用Visual Studio代码在浏览器中查看我的HTML代码?,browser,visual-studio-code,Browser,Visual Studio Code,如何使用新的Microsoft Visual Studio代码在浏览器中查看我的HTML代码 使用Notepad++可以选择在浏览器中运行。如何使用Visual Studio代码执行相同的操作 我尝试将task.json文件管理为: { "version": "2.0.0", "tasks": [ { "taskName": "Chrome", "type": "process", "comm

如何使用新的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安装了浏览器中的视图扩展,但也没有发生任何事情。

将“args”选项更改为类似以下内容:

"args": [
    "${workspaceRoot}/index.html"
],
您可能需要更多的目录才能访问index.html,我不知道您的文件夹结构。但是,如果index.html位于您工作区的根目录中,则上述操作将起作用


当然,使用这种方法,您实际上并不是在为您的网页提供服务,也不是在监视css、js或html的更改,因此每次都需要刷新浏览器以查看任何更改。

我们应该使用双反斜杠“\\”以避免VSC中出现转义字符警告:
“${C:\\Users\\Toshiba\\gamelayout\\index.html}”
我在测试这段代码时没有收到任何警告,但我很高兴您能让它正常工作。可能是重复的