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

目录
相关文章
|
9月前
|
Rust 前端开发 JavaScript
IM跨平台技术学习(十):快速对比跨平台框架Electron、Flutter、Tauri、React Native等
在本文中,我们将比较五种流行的桌面应用程序开发框架:Electron、Flutter、Tauri、React Native 和 Qt,希望可以帮助你根据项目需求做出明智的技术选型决策。
490 2
|
前端开发 JavaScript
Electron+React如何进行通信
Electron+React如何进行通信
Electron+React如何进行通信
|
前端开发
React修改项目启动的默认端口号
React修改项目启动的默认端口号
|
资源调度 前端开发 程序员
大前端快闪二:react开发模式 一键启动多个服务
最近全权负责了一个前后端分离的web项目,前端使用create-react-app[1], 后端使用golang做的api服务。
大前端快闪二:react开发模式 一键启动多个服务
|
资源调度 前端开发 JavaScript
Electron搭配React的history路由模式打包exe客户端
Electron安装 安装问题 npm或者yarn安装electron就算是配置了淘宝源还是会出现超时。所以我的解决方案是安装cnpm,使用cnpm去安装。 全局安装cnpm npm i cnpm -G 复制代码 新建项目 cnpm init // 一路Enter然后到最后一步输入yes
678 0
|
前端开发 JavaScript 开发工具
react、rematch、ssr脚手架启动套件
react-ssr-startkit是一个基于React、Rematch(Redux)、Scss的服务端渲染脚手架,目的是为了快速启动一个项目,为业务开发多争取更多的时间而不是浪费太多的时间在基础设施上。
1430 0
|
Android开发 iOS开发
react native 启动屏 设置 react-native-splash-screen
ios端集成 组件的安装 yarn add react-native-splash-screen react-native link react-native-splash-screen 在 AppDelegate.
2969 0
|
30天前
|
人工智能 移动开发 JavaScript
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
142 18
|
3月前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
108 4
开发桌面程序-Electron入门
|
6月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办