📜  React Electron 样板 (1)

📅  最后修改于: 2023-12-03 15:34:38.122000             🧑  作者: Mango

React Electron 样板

简介

React Electron 样板是一个基于 Electron 和 React 的项目样板,旨在帮助开发人员快速开发桌面应用。采用 webpack 编译 React 代码,并将其打包成 Electron 运行的应用程序。

功能
  • 使用最新版本的 React、Electron 和 webpack
  • 通过 webpack 进行代码打包和优化
  • 热重载(Hot Reload)支持,在开发过程中实时预览修改后的代码效果
  • 可以使用 ES6/ES7 和 CSS Modules 的新特性
  • 使用 ESLint 和 Stylelint 进行代码检查
  • 包含多种开发、测试和打包命令
使用
开发

执行以下命令来开始开发:

$ npm install       # 安装依赖
$ npm run dev       # 运行开发服务器
$ npm start         # 启动 Electron 应用程序

在开发服务器运行时,您可以在 http://localhost:8080 访问应用程序。任何修改都将实时重新加载。

测试

执行以下命令来运行测试:

$ npm run test      # 运行测试
打包

执行以下命令来打包应用程序:

$ npm run build     # 打包应用程序

打包后的应用程序将生成在 dist/ 目录下。

技术栈
结尾

React Electron 样板旨在让开发人员可以更快地开始构建基于 Electron 的应用程序。如果您有任何问题或建议,请在 GitHub 上创建一个 issue,并随时欢迎提供贡献!