如何使用新的Microsoft Visual Studio code在浏览器中查看我的HTML代码?
使用notepad++，您可以选择在浏览器中运行。我如何用Visual Studio Code做同样的事情?
当前回答
@InvisibleDev -让这个在mac上工作尝试使用这个:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
如果你已经打开了chrome浏览器，它会在一个新的选项卡中启动你的html文件。
其他回答
@InvisibleDev -让这个在mac上工作尝试使用这个:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
如果你已经打开了chrome浏览器，它会在一个新的选项卡中启动你的html文件。
一键解决方案，只需从Visual Studio市场安装开放的浏览器扩展。
下面是一个2.0.0版本的当前文档在Chrome带键盘快捷方式:
tasks.json
{
"version": "2.0.0",
"tasks": [
{
"label": "Chrome",
"type": "process",
"command": "chrome.exe",
"windows": {
"command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
},
"args": [
"${file}"
],
"problemMatcher": []
}
]
}
快捷键。json:
{
"key": "ctrl+g",
"command": "workbench.action.tasks.runTask",
"args": "Chrome"
}
在web服务器上运行:
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
在linux下，可以使用xdg-open命令在默认浏览器下打开文件:
{
"version": "0.1.0",
"linux": {
"command": "xdg-open"
},
"isShellCommand": true,
"showOutput": "never",
"args": ["${file}"]
}
最近在www.lynda.com的一个visual studio代码教程中发现了这个功能
按Ctrl + K + M，它将打开“选择语言模式”(或点击右下角的HTML前面的笑脸)，输入markdown并按enter
现在按Ctrl + K后面跟着V，它将打开你的html在附近的标签。
Tadaaa ! !
现在emmet命令在我的html文件中不能在这种模式下工作，所以我回到了原始状态(注- html标签tellisense工作完美)
—按“Ctrl + K + M”，选择“auto-detect”。埃米特的命令开始生效。如果你只喜欢html查看器，那么没有必要让你回到原来的状态。
不知道为什么vscode没有html查看器选项默认情况下，当它能够显示html文件在markdown模式。
