VUE 设置 Chromium 或者其他浏览器为调试浏览器的方法

设置 Chromium 为调试浏览器

通过设置环境变量或修改 package.json,将 Chromium 设置为 Vue 项目的调试浏览器。

2024-10-11

vuechromiumdebugging

问题

最近在用 Vue CLI 时,遇到了一个问题:无法让非默认浏览器(比如 Chromium )在 devServer 中正常工作。

在 GitHub 上找到了一个简单有效的解决方案,只需要设置一个环境变量 BROWSER 就可以了。

如果想设置其他浏览器比如 FireFox 只需设置为 FIreFox 的路径即可。

VUE中 设置 chromium 或其他浏览器为调试浏览器的方法

参考:

https://github.com/vuejs/vue-cli/issues/2141#issuecomment-559143578

非常简单:设置环境变量 BROWSER 即可。

# Windows CMD
set BROWSER=D:\chrome.exe" && npm run serve

# Windows PowerShell
$env:BROWSER="D:\chrome.exe"; npm run serve

或者修改 package.json 需要安装 cross-env

"scripts": {
    "serve": "cross-env BROWSER=D:\\chrome.exe vue-cli-service serve",
}

补充: nuxt下此方法无效

相关讨论

讨论见:https://github.com/nuxt/cli/issues/326