为什么vscode在edge中打开react应用而不是chrome？

基础概念

VSCode（Visual Studio Code）是一款流行的代码编辑器，支持多种编程语言和框架。React是一种用于构建用户界面的JavaScript库。Edge和Chrome都是现代浏览器，用于运行和展示网页应用。

问题原因

VSCode本身并不直接负责打开浏览器。通常，开发者会使用VSCode的插件或配置来启动开发服务器，并在默认浏览器中打开React应用。如果你发现VSCode在Edge中打开React应用而不是Chrome，可能是以下几个原因：

1. 默认浏览器设置：操作系统或VSCode的默认浏览器设置可能被修改为Edge。
2. 插件配置：某些VSCode插件可能配置为使用Edge打开链接。
3. 开发服务器配置：React开发服务器的配置可能指定了Edge作为默认浏览器。

解决方法

检查和更改默认浏览器

1. Windows：
   • 打开“设置” -> “应用” -> “默认应用” -> “Web浏览器”，选择Chrome作为默认浏览器。
   • 或者，右键点击VSCode图标 -> “属性” -> “目标”字段，修改为Chrome的路径（例如："C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --new-window %1）。

• macOS：
  • 打开“系统偏好设置” -> “通用” -> “默认Web浏览器”，选择Chrome。
  • 或者，在终端中运行以下命令：
  • 或者，在终端中运行以下命令：

修改VSCode插件配置

如果你使用的是某些插件（如“Live Server”），可以检查插件的配置设置，确保它指向Chrome。

1. 打开VSCode。
2. 进入“扩展”视图（快捷键：Ctrl+Shift+X）。
3. 找到并点击相关插件（如“Live Server”）。
4. 在插件设置中，查找“Browser”选项，选择Chrome。

修改开发服务器配置

如果你使用的是Create React App或其他脚手架工具，可以在package.json文件中修改启动脚本：

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "start:chrome": "react-scripts start --browser chrome"
}

然后在终端中运行：

npm run start:chrome

参考链接

• VSCode官方文档
• Create React App官方文档

通过以上步骤，你应该能够解决VSCode在Edge中打开React应用而不是Chrome的问题。