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中查看你的页面。

最近在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模式。

下面是一个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

可能大多数人都能从上面的答案中找到一个解决方案，但看到没有一个对我有效(vscode v1.34)，我想我将分享我的经验。如果至少有一个人觉得它有帮助，那么很酷，不是一个浪费的帖子，amiirte?

无论如何，我的解决方案(窗口)是建立在@noontz的顶部。他的配置可能已经足够旧版本的vscode，但不是1.34(至少，我不能让它工作..)。

我们的配置几乎是相同的，除了一个属性，即group属性。我不知道为什么，但是如果没有这个，我的任务甚至不会出现在命令面板中。

所以。一个工作任务。Json，用于运行vscode 1.34的Windows用户:

{
    "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}"
            ],
            "group": "build",
            "problemMatcher": []
        }
    ]
}

请注意，这个工作并不需要problemMatcher属性，但是如果没有它，就需要额外的手动步骤。我试过看这房子的文件，但我太笨了，看不懂。希望有人能过来教我，不过先谢谢你了。我所知道的是——包括这个属性和ctrl+shift+b打开当前的HTML文件在一个新的chrome选项卡，麻烦的自由。

一件容易的事。

@InvisibleDev -让这个在mac上工作尝试使用这个:

{
    "version": "0.1.0",
    "command": "Chrome",
    "osx": {
        "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
    },
    "args": [
        "${file}"
    ]
}

如果你已经打开了chrome浏览器，它会在一个新的选项卡中启动你的html文件。

在Opera浏览器中打开文件(Windows 64位)。只要加上这几行:

{
"version": "0.1.0",
"command": "opera",
"windows": {
    "command": "///Program Files (x86)/Opera/launcher.exe"
},
"args": ["${file}"] }

注意command:行的路径格式。不要使用“C:\path_to_exe\runme.exe”格式。

要运行此任务，请打开要查看的html文件，按F1，键入task opera并按enter