如何使用新的Microsoft Visual Studio code在浏览器中查看我的HTML代码?
使用notepad++，您可以选择在浏览器中运行。我如何用Visual Studio Code做同样的事情?
当前回答
一键解决方案，只需从Visual Studio市场安装开放的浏览器扩展。
其他回答
您现在可以在浏览器中安装一个扩展视图。我在chrome的windows上测试了它，它是工作的。
Vscode版本:1.10.2
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",
}
}
]
}
下面是Mac OSx的2.0.0版本:
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "echo",
"type": "shell",
"command": "echo Hello"
},
{
"label":"chrome",
"type":"process",
"command":"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
"args": [
"${file}"
]
}
]
}
VS Code有一个实时服务器扩展，支持一键启动状态栏。
一些特点:
一键从状态栏启动 生活重新加载 支持Chrome调试附件
如果你只是在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}"],
}
这将做你想要的，如在打开一个新的标签，如果应用程序已经打开。
