Electron：想简单了解一下electron-react-boilerplate应用模板

最新推荐文章于 2025-06-01 09:01:35 发布

读心悦

最新推荐文章于 2025-06-01 09:01:35 发布

阅读量679

点赞数

CC 4.0 BY-SA版权

分类专栏：深入浅出的Electron 文章标签： react.js electron javascript

本文链接：https://blog.csdn.net/xuelian3015/article/details/127839506

深入浅出的Electron 专栏收录该内容

40 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

文章介绍了使用electron-react-boilerplate模板进行桌面应用开发的经验，反驳了关于该模板配置繁琐的观点。通过简单克隆项目并安装所需依赖，开发者可以快速开始项目。模板将主进程和渲染进程分开，简化了开发流程，preload.ts作为两者间通信的桥梁，使得在React组件中调用Electron API变得简单。Renderer目录包含React应用组件，release和build目录分别存储打包后的应用文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看到很多开发者在评论说electron-react-boilerplate模板配置有繁琐，臃肿。最近在体验一下electron-react-boilerplate，其实并没有觉得它的配置繁琐。如果有这样的感觉，那是因为使用create-react-app手脚架，是已经通过webpack做好了配置，我们直接创建项目。但是和Electron搭配后，会有一些配置需要我们自己去完成，比如打包、代码压缩等等。

如果想要快速体验一下electron和react开发桌面应用的体验，个人觉得electron-react-boilerplate是一个不错的选择，我们直接从github上面克隆下来即可：git clone https://github.com/electron-react-boilerplate/electron-react-boilerplate.git，然后再根据自己的需求来安装对应的依赖，比如UI框架。

项目大致的目录如下：
在这里插入图片描述
已经将主进程和渲染进程归类，以及打包的文件目录。我们不需要过多注重于项目的配置选项，而是直接进入开发阶段，节省配置的时间。