如何使用新的Microsoft Visual Studio code在浏览器中查看我的HTML代码?
使用notepad++，您可以选择在浏览器中运行。我如何用Visual Studio Code做同样的事情?
当前回答
对于Mac，设置你的任务。将. json(在.vscode文件夹中)文件内容拷贝到以下文件中，并使用SHFT+COMMAND+B打开。
{
"version": "2.0.0",
"tasks": [
{
"label": "Chrome Preview",
"type": "shell",
"command": "open -a /Applications/Google\\ Chrome.app test.html",
"problemMatcher": [],
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
其他回答
Mac -在Chrome中打开-在VS Code v 1.9.0上测试
使用Command + shift + p打开命令面板。
输入配置任务运行器，第一次这样做时，VS Code会给你下拉菜单，如果它选择了“其他”。如果你以前这样做过，VS Code会直接把你发送到tasks.json。 一旦进入任务。json文件。删除显示的脚本，替换如下:
｛ “版本”:“0.1.0”, “命令”:“铬”, " osx ": { "command": "/Applications/谷歌Chrome. "应用程序/内容/ MacOS /谷歌Chrome” }， “参数”(" $ {file} ") ｝
切换回你的html文件，按Command + Shift + b在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}"],
}
这将做你想要的，如在打开一个新的标签，如果应用程序已经打开。
启动本地web服务器!
(假设在项目文件夹中有index.html文件)。
在同一终端窗口(Windows中的命令提示符)运行以下命令:
npm开始
Ctrl + F1将打开默认浏览器。或者你可以按Ctrl + shift + P打开命令窗口，选择“在浏览器中查看”。html代码必须保存在一个文件中(未保存在编辑器上的代码-没有扩展名，不起作用)
您现在可以在浏览器中安装一个扩展视图。我在chrome的windows上测试了它，它是工作的。
Vscode版本:1.10.2
