VUE 设置 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下此方法无效