随着前端技术的发展，越来越多的前端开发者开始探索将前端技术应用到桌面应用开发上。而 React 和 Electron 已经成为了目前比较流行的组合。generator-simple-react-electron 是一个可以快速生成基于 React 和 Electron 的桌面应用的工具，本文将为大家介绍其使用方法。
一、 环境要求
- Node.js 10 或以上版本
- npm 5.2 或以上版本
二、 安装 generator-simple-react-electron
打开终端窗口，输入以下命令：
npm install -g yo generator-simple-react-electron
三、 生成项目
在终端窗口中进入需要生成项目的文件夹，输入以下命令：
yo simple-react-electron
然后根据向导提示依次输入应用名，作者名，版本号等信息。
四、 运行项目
在项目文件夹中，输入以下命令启动应用：
npm run dev
此时会启动开发环境，可以在浏览器中访问应用：http://localhost:3000。
五、 构建项目
在项目文件夹中，输入以下命令构建应用：
npm run build
此时将会生成一个可执行的桌面应用程序。
六、 应用配置
在项目文件夹中，打开 electron/config.js 文件，可以修改应用窗口标题，窗口大小等配置。
七、 示例代码
以下是一个简单的示例代码：在主窗口中显示一个 Hello World：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- ------- --------------- -
-------- -
------ -
-----
--------- ----------
------
--
-
-
----------------
---- ---
-------------------------------
--八、 总结
通过本教程，我们学习了如何使用 generator-simple-react-electron 快速生成 React 和 Electron 的应用程序，并可以开始开发应用程序。通过修改应用配置和添加功能，我们可以创建更加丰富复杂的桌面应用。祝愿大家在前端技术的路上越走越远！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b45c6eb7e50355dbe99