如何让Live Server在打开VS Code项目时自动启动？

下面是两种可靠的实现方式，无需手动点击启动按钮：

方法一：通过工作区配置直接触发（推荐） #

适用于VS Code 1.60及以上版本，无需额外插件：

1. 打开当前项目的工作区设置JSON文件（快捷键Ctrl+,打开设置面板，切换到「工作区」标签，点击右上角的「打开设置(JSON)」）
2. 插入以下配置：

{
  // 可选：避免启动时打开欢迎页，加快启动速度
  "workbench.startupEditor": "none",
  // 启动完成后自动执行Live Server启动命令
  "commands": {
    "onStartupFinished": [
      "extension.liveServer.goOnline"
    ]
  }
}

3. 保存配置后，关闭并重新打开项目，Live Server会自动启动。

方法二：通过自动任务触发（兼容旧版VS Code） #

如果方法一不生效，可通过自定义任务实现：

1. 打开命令面板（Ctrl+Shift+P），选择「Tasks: Configure Task」→「Create tasks.json from template」→「Others」
2. 在生成的.vscode/tasks.json文件中替换为以下内容：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Auto Start Live Server",
      "type": "shell",
      "command": "${command:extension.liveServer.goOnline}",
      // 设置为打开项目文件夹时自动运行
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

3. 保存后重启项目，任务会自动触发Live Server启动。

注意事项 #

• 确保已安装最新版的Live Server扩展
• 若设置了Live Server的「自动打开浏览器」选项，浏览器会随之自动启动
• 可通过右下角的Live Server图标验证是否成功启动

内容的提问来源于stack exchange，提问作者Gray gOO