在Visual Studio Code中的默认浏览器中打开静态html文件

时间:2015-04-29 23:57:51

标签: visual-studio-code

任何使用Visual Studio Code的人都知道有没有办法在默认浏览器中右键单击并打开(一个Sublime Text)? 我知道你可以右键单击文件节点并在浏览器中显示"然后在浏览器中手动打开它......但我想保存额外的2秒。

4 个答案:

答案 0 :(得分:4)

实际上上面的代码都打开了windows file explorer而不是BROWSER。

我正在使用以下代码,该代码完美运行,在Chrome中打开文件,同时使用Javascript测试静态html文件。

{
   "version": "0.1.0",
   "command": "Chrome",
   "windows": {
       "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
   },
   "args": ["${file}"]
}

答案 1 :(得分:3)

我的一个项目中有类似的东西。我已经设置了我的tasks.json,如下所示。有了这个,我可以输入“Ctrl + P然后键入”任务开始“并按Enter键以在默认浏览器中加载当前HTML文件: - )

// Available variables which can be used inside of strings.
// ${workspaceRoot}: the root folder of the team
// ${file}: the current opened file
// ${fileBasename}: the current opened file's basename
// ${fileDirname}: the current opened file's dirname
// ${fileExtname}: the current opened file's extension
// ${cwd}: the current working directory of the spawned process
{
    "version": "0.1.0",
    "command": "powershell",
    "isShellCommand": true,
    "suppressTaskName": true,
    "tasks": [
        // other tasks here,
        {
            "taskName": "start browser",
            "args": [
                "start", "${file}"
            ]
        }
    ]
}

答案 2 :(得分:3)

Ctrl + Shift + P 并选择"配置任务运行器" 命令。它将为您打开具有不同类型配置的tasks.json文件。您可以删除所有这些,只需使用以下代码

{
    "version": "1.0.0",
    "command": "explorer",
    "windows": {
        "command": "explorer.exe"
    },
    "args": [
        "index.html"
    ]
}

不要担心命令"资源管理器"它并不意味着它将在Internet Explorer中打开,它将在您的默认浏览器配置中打开。在参数中传递您想要打开的任何页面。

完成此操作后,只需按 Ctrl + Shift + B 即可打开" index.html"默认浏览器中的页面。

答案 3 :(得分:0)

添加到Rafique Admed的答案,这是我的tasks.json文件:

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "tasks": [
        {
            "taskName": "chrome",
            "command": "chrome",
            "windows": {
                "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": ["${file}"]
        }
    ]
}

然后我将此添加到我的" keybindings.json"文件:

[
    { "key": "ctrl+alt+b",
      "command": "workbench.action.tasks.runTask",
      "args": "chrome"
    }
]

用ctrl + alt + b打开当前编辑的文件(我为浏览器选择了b)。