专栏首页黄腾霄的博客2020-6-5-如何指定create-react-app默认启动的浏览器

2020-6-5-如何指定create-react-app默认启动的浏览器

今天和大家聊一聊create-react-app设置默认启动浏览器的方式。


问题来源

对于create-react-app默认会在npm start执行之后在默认浏览器打开页面。

但是,有的时候,我们期望能够设置特定的浏览器启动。

或者是在开发诸如electron之类的应用时,不期望启动浏览器。

解决方案

在npm脚本中,我们可以使用create-react-app提供的配置参数BROWSER指定启动的浏览器。

比如如果你期望指定浏览器为chrome,就可以写

"start": "BROWSER=chrome react-scripts start",

windows环境下处理

如果你在windows下进行开发,使用上面的脚本时会出现问题。

这是因为windows不支持按这种方式设置环境变量。

所以在windows电脑上可以使用下面的脚本执行

"start": "set BROWSER=chrome&& react-scripts start",

注意:这里的&&之前不能有空格,否则会出现异常弹窗

这里是环境变量中将空格也设置在了BROWSER字段中,但是create-react-app没有做trim处理导致的。

env方式配置

此外如果你不想用脚本的配置方式,还可以再项目所在目录下创建一个.env文件,进行环境变量设置。

也能实现指定浏览器的效果


参考文档:


本文会经常更新,请阅读原文: https://xinyuehtx.github.io/post/%E5%A6%82%E4%BD%95%E6%8C%87%E5%AE%9Acreate-react-app%E9%BB%98%E8%AE%A4%E5%90%AF%E5%8A%A8%E7%9A%84%E6%B5%8F%E8%A7%88%E5%99%A8.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名黄腾霄(包含链接: https://xinyuehtx.github.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 2019-2-12-wcf入门(14)

    在之前的2019-1-27-wcf入门(6) - huangtengxiao博客介绍了wcf的会话,这一篇介绍可靠会话

    黄腾霄
  • 2020-5-22-如何使WPF在窗口外部区域可拖动缩放

    有同学马上想到了,通过WindowChrome的ResizeBorderThickness属性进行设置

    黄腾霄
  • 2018-12-13-不要相信那些事件引发者

    最近发现C#的事件和wpf的dispatcherobject在一起使用会有一些不容易发觉的问题。

    黄腾霄
  • WhatsApp病毒来袭

    2月20日“Facebook宣布190亿美元收购WhatsApp”大事件的发生,引发国人对这款较为陌生的国外手机软件的广泛关注,潜在的关联效应也随之而来。昨天...

    安恒信息
  • python学习(四)--POST请求

    py3study
  • 耽误你的十分钟,让MVVM原理还给你

    众所周知当下是MVVM盛行的时代,从早期的Angular到现在的React和Vue,再从最初的三分天下到现在的两虎相争。

    Nealyang
  • Only 10 分钟,给你圈出 MVVM 原理重难点

    来源:https://juejin.im/post/5abdd6f6f265da23793c4458

    coder_koala
  • 【JS】508- MVVM原理介绍

    今天花上 10 分钟,针对 MVVM 这个面试必考点,简简单单的来给大家划一下重难点

    pingan8787
  • XSS备忘录

    专注于普及网络安全知识。团队已出版《Web安全攻防:渗透测试实战指南》,《内网安全攻防:渗透测试实战指南》,目前在编Python渗透测试,JAVA代码审计和二进...

    徐焱

扫码关注云+社区

领取腾讯云代金券