如何将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 的控制台打印的东西也都分开清晰可见哦~

目录
相关文章
|
前端开发
React修改项目启动的默认端口号
React修改项目启动的默认端口号
|
资源调度 前端开发 程序员
大前端快闪二:react开发模式 一键启动多个服务
最近全权负责了一个前后端分离的web项目,前端使用create-react-app[1], 后端使用golang做的api服务。
大前端快闪二:react开发模式 一键启动多个服务
|
前端开发 JavaScript 开发工具
react、rematch、ssr脚手架启动套件
react-ssr-startkit是一个基于React、Rematch(Redux)、Scss的服务端渲染脚手架,目的是为了快速启动一个项目,为业务开发多争取更多的时间而不是浪费太多的时间在基础设施上。
1380 0
|
Android开发 iOS开发
react native 启动屏 设置 react-native-splash-screen
ios端集成 组件的安装 yarn add react-native-splash-screen react-native link react-native-splash-screen 在 AppDelegate.
2898 0
|
6天前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
138 0
|
6天前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
35 0
|
6天前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
37 0
|
6天前
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
39 0
|
6天前
|
前端开发 开发者
【第26期】一文读懂React组件编写方式
【第26期】一文读懂React组件编写方式
33 0
|
6天前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
49 0