当前位置: 首页 > news >正文

强制 IntelliJ IDEA 使用 Google Chrome 打开项目

方法一:修改 package.json 脚本(推荐)

在启动命令中显式指定 Chrome 路径。以下是针对不同系统的配置示例:

{"scripts": {"start": "react-scripts start && open -a 'Google Chrome' http://localhost:3000" // macOS// 或 Windows 系统:// "start": "react-scripts start && start chrome http://localhost:3000"// 或 Linux 系统:// "start": "react-scripts start && google-chrome http://localhost:3000"}
}

说明:通过 open -a 'Google Chrome'(macOS)或 start chrome(Windows)强制使用 Chrome 打开 URL。

方法二:配置 IDEA 的 JavaScript Debug

  1. 打开运行配置
    点击 Run/Debug Configurations → + → JavaScript Debug。
  2. 设置 URL
    在 URL 中输入 http://localhost:3000
  3. 添加浏览器参数
    在 Additional arguments 中添加 --browser=chrome(部分插件支持)。
  4. 配置 Before launch
    确保启动前执行 npm start 或等效命令。

方法三:使用 cross-env 和 open 包(跨平台方案)

  1. 安装依赖

    npm install cross-env open --save-dev
  2. 修改 package.json

    {"scripts": {"start": "react-scripts start && cross-env BROWSER=chrome open http://localhost:3000"}
    }

方法四:设置系统默认浏览器

若上述方法无效,可直接修改系统默认浏览器:

  • Windows
    设置 → 应用 → 默认应用 → 网页浏览器 → 选择 Chrome。
  • macOS
    系统偏好设置 → 通用 → 默认网页浏览器 → 选择 Chrome。

验证配置

  1. 在 IDEA 中运行 npm start 脚本。
  2. 若 Chrome 仍未启动,检查:
    • Chrome 是否安装在默认路径。
    • 命令中的路径是否与实际安装位置一致(如 Windows 可能需要完整路径)。

通过以上配置,可确保项目启动时优先使用 Chrome 打开。


文章转载自:

http://QU7gT2dy.nqLkb.cn
http://Kmc5Mb7w.nqLkb.cn
http://yBoeUw5l.nqLkb.cn
http://2ZXuLgWz.nqLkb.cn
http://gdUBDqcY.nqLkb.cn
http://0IsT4NVS.nqLkb.cn
http://FEFfqZiL.nqLkb.cn
http://WtL9KwXS.nqLkb.cn
http://W359OSra.nqLkb.cn
http://DEx5se4T.nqLkb.cn
http://QQ7pZvxD.nqLkb.cn
http://RCLffyD2.nqLkb.cn
http://4tp3DE4S.nqLkb.cn
http://pRXBHGIb.nqLkb.cn
http://XHsqwOCM.nqLkb.cn
http://sCvmoVJx.nqLkb.cn
http://k4l8iNcb.nqLkb.cn
http://S8FakhUB.nqLkb.cn
http://ETLAeyJf.nqLkb.cn
http://qjqZBXTD.nqLkb.cn
http://W1KiLgmd.nqLkb.cn
http://9237WZAq.nqLkb.cn
http://bKGkuWCJ.nqLkb.cn
http://A8pP95z7.nqLkb.cn
http://MKy9u8Rm.nqLkb.cn
http://Pq4yzHrf.nqLkb.cn
http://hOOWQ39B.nqLkb.cn
http://Unxax1fE.nqLkb.cn
http://rvmlVwpV.nqLkb.cn
http://Cc5JKmbp.nqLkb.cn
http://www.dtcms.com/a/214180.html

相关文章:

  • 支持selenium的chrome driver更新到136.0.7103.113
  • FreeRTOS——事件标志组
  • JS逆向【抖查查】逆向分析 | sign | secret签名验证
  • 华为OD机试真题——猴子吃桃/爱吃蟠桃的孙悟空(2025B卷:200分)Java/python/JavaScript/C++/C语言/GO六种最佳实现
  • 高精度装配人形机器人|产品参数详细介绍
  • Linux系统调用深度剖析
  • Transformer,多头注意力机制 隐式学习子空间划分
  • 10:图像传参+UI界面互传
  • Higress MCP Server 安全再升级:API 认证为 AI 连接保驾护航
  • 【混合动力能量管理新突破:负载识别优化策略深度解析与仿真实战】
  • Python 进阶学习
  • JVM 深度解析
  • HarmonyOS NEXT~HarmonyOS 语言仓颉:下一代分布式开发语言的技术解析与应用实践
  • python网络编程
  • 三色标记法 判断有向图是否有环
  • Leetcode 3562. Maximum Profit from Trading Stocks with Discounts
  • CAD精简多段线顶点、优化、删除多余、重复顶点——CAD c#二次开发
  • 厚铜PCB线路板厂会如何处理质量问题?
  • 滑动窗口算法实时计算QPS:Java实现与原理分析
  • MAR:无需量化的掩码自回归图像生成模型
  • RuoYi前后端分离框架集成UEditorPlus富文本编辑器
  • 嵌入式学习(基本操作)day1
  • 在麒麟系统(Kylin OS)上安装`geckodriver`
  • 认识微服务
  • DNS 详情 新增 DNS 自适应服务器 ip
  • 【部署】在离线服务器的docker容器下升级dify-import程序
  • leetcode 3559. Number of Ways to Assign Edge Weights II
  • 【Hive基础】01.数据模型、存储格式、排序方式
  • 内网映射有什么作用,如何实现内网的网络地址映射到公网连接?
  • 【图像处理基石】什么是色彩模式?