Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

像开发react web项目一样开发electron

Notifications You must be signed in to change notification settings

2226265772/electron-react

Repository files navigation

electron-react

electron + react + react-router + mobx + webpack 搭建的脚手架工程

像开发react web项目一样开发electron

image

项目路径与命名

main //主进程
 menu //菜单
render //渲染进程
 component //组件
 config //配置
 public //静态资源
 routes //路由
 service //服务
 utils //工具类
 view //页面
scripts //打包脚本
main_process //主进程打包目录
render_process //渲染进程打包目录
dist //客户端打包目录
resources //图标资源

使用

本地调试

npm install
npm start

本地测试打包

npm run compile

打包客户端

npm run pack-win
npm run pack-mac

解决了什么问题

1.electron+react框架搭建

主进程代码使用babel编译,渲染进程使用webpack打包,快速开始开发。

2.调试

集成环境选择模块,简单分离开发,测试,线上环境。

image

3.程序保护

开机自启

托盘最小化

崩溃监控

4.升级

一行代码接入升级平台,实现客户端升级功能

5.打包构建

一个指令搞定打包

npm run pack-win
npm run pack-mac

6.其他特性

  • 立即可用的 React 插件 react-router,antd
  • electron-build轻松构建
  • webpack各种loader配置
  • 默认支持 stage-0 的 ES6

About

像开发react web项目一样开发electron

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.6%
  • HTML 14.3%
  • CSS 1.8%
  • Shell 0.3%

AltStyle によって変換されたページ (->オリジナル) /