如何配置npm start时用指定浏览器打开localhost且不修改系统默认浏览器
提问
我使用Windows 10系统,已经用React.js开发数月,开发工具为VS Code,默认浏览器是基于Chromium的Brave(已弃用Chrome)。
最近朋友推荐我改用Firefox进行开发,作为怕麻烦的开发者,我不想修改系统默认浏览器,想请教该如何配置,才能在执行npm start时,自动在Firefox中打开localhost:3000而非原默认浏览器。
更新
根据大家的推荐,我找到了另一篇关于Create React App指定浏览器启动的相关讨论帖,欢迎大家继续留言分享更多方案XD
解决方案
以下方案均针对Windows系统下Create React App脚手架创建的React项目,无需修改系统默认浏览器:
- 单次临时生效(仅当前启动生效)
如果你只是临时需要用Firefox打开调试,直接在项目根目录的终端执行对应命令即可:- CMD终端:
set BROWSER=firefox && npm start - PowerShell终端:
$env:BROWSER="firefox"; npm start
- CMD终端:
- 单项目永久生效(仅当前项目适用,不影响其他项目)
在项目根目录新建.env文件,添加一行配置:
保存后重启开发服务即可,后续所有该项目的BROWSER=firefoxnpm start都会默认打开Firefox。建议把.env加入.gitignore规则,避免提交到仓库影响其他协作者的配置。 - 全局所有CRA项目生效
如果你希望所有本地的React项目都默认用Firefox启动调试,在Windows系统环境变量中新增名为BROWSER的变量,值设为firefox,保存后重启终端/VS Code即可生效。
小提示:如果Firefox没有安装在系统默认路径、执行命令提示找不到浏览器,把上述配置中的
firefox替换为你本地Firefox.exe的完整绝对路径即可,例如BROWSER=C:\\Program Files\\Mozilla Firefox\\firefox.exe。
内容的提问来源于stack exchange,提问作者on9_jai
相关产品推荐
相关产品推荐

