如何使用新的Microsoft Visual Studio code在浏览器中查看我的HTML代码?
使用notepad++，您可以选择在浏览器中运行。我如何用Visual Studio Code做同样的事情?
当前回答
VSCode任务-通过应用程序包标识符打开(仅限macOS)。
{
"version": "2.0.0",
"tasks": [
{
"label": "Open In: Firefox DE",
"type": "process",
"command": "open",
"args": ["-b", "org.mozilla.firefoxdeveloperedition", "${file}"],
"group": "build",
"problemMatcher": [],
"presentation": {
"panel": "shared",
"focus": false,
"clear": true,
"reveal": "never",
}
}
]
}
其他回答
@InvisibleDev -让这个在mac上工作尝试使用这个:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
如果你已经打开了chrome浏览器，它会在一个新的选项卡中启动你的html文件。
CTRL+SHIFT+P将调出命令面板。 当然，这取决于你在运行什么。例如，在ASP.net应用程序中，你可以输入: >kestrel，然后打开web浏览器，输入localhost:(你的端口在这里)。
如果你输入>，它会显示show和run命令
或者在您使用HTML的情况下，我认为打开命令面板后的F5应该打开调试器。
来源:链接
如果你只是在Mac上，这个任务。json文件:
{
"version": "0.1.0",
"command": "open",
"args": ["${file}"],
}
.．.在Safari中打开当前文件(假设扩展名为“.html”)所需要的全部内容。
创建任务。Json，并使用⌘+shift+b调用它。
如果你想在Chrome中打开它，那么:
{
"version": "0.1.0",
"command": "open",
"args": ["-a", "Chrome.app", "${file}"],
}
这将做你想要的，如在打开一个新的标签，如果应用程序已经打开。
以下在windows 10 ->的1.53.2版本中运行
在终端菜单中选择运行活动文件 它在默认的边缘浏览器中执行html文件
我的运行脚本看起来像这样:
{
"version": "0.1.0",
"command": "explorer",
"windows": {
"command": "explorer.exe"
},
"args": ["{$file}"]
}
当我在index。html文件中按ctrl shift b，它就会打开我的资源管理器
