如何在Visual Studio 2022的.esproj项目中指定客户端启动浏览器？

针对你遇到的Vue（Vite）客户端项目强制启动Edge的问题，这里有几个可行的解决办法：

方法1：修改单个项目的调试配置 #

• 右键解决方案中的Vue客户端.esproj项目，选择属性
• 切换到调试选项卡
• 在浏览器下拉菜单中直接选择Chrome，保存设置后再次按F5启动即可生效

方法2：设置Visual Studio全局默认浏览器 #

• 打开Visual Studio顶部菜单栏的工具 → 选项
• 展开左侧的项目和解决方案，选择Web项目
• 在启动浏览器下拉列表中选中Chrome，若需要所有Web项目都用该浏览器，勾选将此浏览器用于所有Web项目，点击确定即可

方法3：修改Vite启动配置（通过launch.json） #

• 若客户端项目根目录下有.vscode/launch.json文件，直接打开修改；没有的话手动创建该文件
• 配置Chrome作为启动浏览器，示例如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Vue App in Chrome",
      "url": "http://localhost:5173",
      "webRoot": "${workspaceFolder}",
      "runtimeExecutable": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
    }
  ]
}

注意：runtimeExecutable的路径要对应你本地Chrome的实际安装位置，32位系统可能路径为C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe

方法4：临时通过命令行指定浏览器 #

• 打开客户端项目的package.json，在scripts中添加一条自定义启动命令：

"scripts": {
  "dev": "vite",
  "dev:chrome": "vite --open --browser chrome"
}

• 在Visual Studio中右键客户端项目，选择在终端中打开，执行npm run dev:chrome即可用Chrome启动项目

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