如何将electron+react启动的两条命令合并成一条

简介: 如何将electron+react启动的两条命令合并成一条

项目采用electron 跟react项目开发


目前最烦的事情就是,一个命令框需要启动react 一个则需要启动electron。


能不能将两个命令进行合并呢?


答案是: 能!!!


怎么做呢?


首先,我们需要新增一个插件concurrently


使用命令 npm install concurrently --save-dev 进行安装


其次,我们需要修改package.json中的命令


新增一行命令为 "ele":"concurrently \"electron .\" \"npm start\""


保存后,我们再次运行 npm run ele 你就会发现,一行命令也能启动起来。


并且react 跟 electon 的控制台打印的东西也都分开清晰可见哦~

目录
打赏
0
0
0
0
44
分享
相关文章
IM跨平台技术学习(十):快速对比跨平台框架Electron、Flutter、Tauri、React Native等
在本文中,我们将比较五种流行的桌面应用程序开发框架:Electron、Flutter、Tauri、React Native 和 Qt,希望可以帮助你根据项目需求做出明智的技术选型决策。
506 2
大前端快闪二:react开发模式 一键启动多个服务
最近全权负责了一个前后端分离的web项目,前端使用create-react-app[1], 后端使用golang做的api服务。
大前端快闪二:react开发模式 一键启动多个服务
Electron搭配React的history路由模式打包exe客户端
Electron安装 安装问题 npm或者yarn安装electron就算是配置了淘宝源还是会出现超时。所以我的解决方案是安装cnpm,使用cnpm去安装。 全局安装cnpm npm i cnpm -G 复制代码 新建项目 cnpm init // 一路Enter然后到最后一步输入yes
704 0
react、rematch、ssr脚手架启动套件
react-ssr-startkit是一个基于React、Rematch(Redux)、Scss的服务端渲染脚手架,目的是为了快速启动一个项目,为业务开发多争取更多的时间而不是浪费太多的时间在基础设施上。
1432 0
react native 启动屏 设置 react-native-splash-screen
ios端集成 组件的安装 yarn add react-native-splash-screen react-native link react-native-splash-screen 在 AppDelegate.
3054 0
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
460 0
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
99 0
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
163 0