在前端开发中，我们经常会使用到 Electron 和 React。generator-electron-react 就是一个开源的 npm 包，它可以帮助我们快速生成一个 Electron 和 React 的项目。
什么是 generator-electron-react？
generator-electron-react 是一个基于 Yeoman 和 React 的脚手架工具，它可以帮助我们快速生成一个 Electron 和 React 的项目。它提供了以下特性：
- 快速生成一个 Electron 和 React 的项目
- 支持使用 Sass 或 Less 作为 CSS 预处理器
- 支持使用 Redux 管理应用状态
- 支持使用 React Router 管理路由
- 支持使用 ES6 或者 Typescript 编写代码
- 支持使用 ESLint 和 Prettier 规范代码格式
如何使用 generator-electron-react？
安装 Yeoman 和 generator-electron-react
首先，我们需要安装 Yeoman 和 generator-electron-react：
npm install -g yo generator-electron-react
生成项目
安装完成后，我们就可以开始使用 generator-electron-react 来生成项目。在终端输入以下命令：
yo electron-react
然后根据提示输入项目名、选择项目类型、选择预处理器、选择状态管理器等等，就可以生成一个新的 Electron 和 React 的项目了。
运行项目
生成项目后，我们可以使用以下命令来运行项目：
npm start
在项目运行后，我们可以看到一个 Electron 窗口。如果一切正常，我们就可以在这个窗口中进行开发和测试了。
构建项目
当我们完成开发后，我们可以使用以下命令来构建项目并生成可执行文件：
npm run build
这个命令会把项目打包成一个可执行文件，我们可以将这个可执行文件发布到用户手中。
示例代码
以下是一个使用 generator-electron-react 生成的示例代码，它很简单，就是显示一个 Hello World：
-- -------------------- ---- -------
------ ----- ---- --------
----- --- ------- --------------- -
-------- -
------ -
----- ----- ----- ------
--
-
-
------ ------- ----如果您想了解更多关于 generator-electron-react 的信息，请访问它的官方 GitHub 页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005670081e8991b448e342e