VS Code有一个实时服务器扩展，支持一键启动状态栏。

一些特点:

一键从状态栏启动 生活重新加载 支持Chrome调试附件

CTRL+SHIFT+P将调出命令面板。 当然，这取决于你在运行什么。例如，在ASP.net应用程序中，你可以输入: >kestrel，然后打开web浏览器，输入localhost:(你的端口在这里)。

如果你输入>，它会显示show和run命令

或者在您使用HTML的情况下，我认为打开命令面板后的F5应该打开调试器。

来源:链接

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",
      }
    }
  ]
}

您现在可以在浏览器中安装一个扩展视图。我在chrome的windows上测试了它，它是工作的。

Vscode版本:1.10.2

打开自定义Chrome浏览器与URL从提示

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Open Chrome",
      "type": "process",
      "windows": {
        "command": "${config:chrome.executable}"
      },
      "args": ["--user-data-dir=${config:chrome.profileDir}", "${input:url}"],
      "problemMatcher": []
    }
  ],
  "inputs": [
    {
      "id": "url",
      "description": "Which URL?",
      "default": "http://localhost:8080",
      "type": "promptString"
    }
  ]
}

打开自定义Chrome与活动文件

{
  "label": "Open active file in Chrome",
  "type": "process",
  "command": "chrome.exe",
  "windows": {
    "command": "${config:chrome.executable}"
  },
  "args": ["--user-data-dir=${config:chrome.profileDir}", "${file}"],
  "problemMatcher": []
},

笔记

如有必要，可将windows属性替换为其他操作系统 替换${配置:chrome。可执行}与您的自定义chrome位置，例如。"C:/Program Files (x86)/谷歌/Chrome/Application/ Chrome .exe" 替换${配置:chrome。profileDir}与您的自定义chrome配置文件目录，例如。 “C:/My/Data/chrome/profile”或省略 如果你愿意，你可以像上面那样保留变量。为此，在设置中添加以下条目。Json -用户或工作区-，根据需要调整路径:

"chrome.executable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
"chrome.profileDir": "C:/My/Data/chrome/profile"

你可以重复使用这些变量，例如在启动。"runtimeExecutable": "${config:chrome.executable}"

对于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
            }
        }
    ]
}