vscode怎么改用 chrome 类型

Visual Studio Code (VSCode)是一款由Microsoft开发的轻量级代码编辑器，支持多种浏览器插件扩展，其中Chrome DevTools Protocol (CDP) 插件可以让你直接与Google Chrome或其他支持该协议的浏览器交互。如果你想将VSCode配置为使用Chrome浏览器，你可以按照以下步骤操作：

1. **安装Extension**: 打开VSCode，点击左侧的扩展市场（图标像一个齿轮），搜索"Remote - Containers" 或 "Live Server"，这两个插件可以帮助你更好地管理远程环境和静态服务器。

2. **设置Container配置**:
- 对于`Remote - Containers`插件，你需要创建一个新的`.devcontainer.json`文件（如果还没有的话），并配置容器镜像为包含Chrome浏览器的Docker镜像，例如`mcr.microsoft.com/vscode/devcontainers/chrome`。

3. **启动开发服务器**:
- 使用`Live Server`插件，可以在`settings.json`中配置启动服务器时打开Chrome，添加类似这样的配置：

     "liveServer.browser": "chrome",
     "liveServer.startInTerminal": true,

4. **连接到容器**:
- 启动容器后，在VSCode底部的状态栏会有一个绿色的链接，点击它就可以在新标签页中打开已配置好的Chrome浏览器访问你的项目。

5. **调试模式**:
如果你想通过调试功能与Chrome进行交互，还可以配置launch.json来指定调试目标为远程浏览器。

6. **检查兼容性**:
确保你的浏览器插件和VSCode版本之间是兼容的，因为并非所有功能都支持所有组合。