ice-electron

一个基于 umijs + electron + javecript 的模板

主要特性

• 支持整个应用的热重载

项目目录

.
├── build
│   └── ...                         // webpack 配置文件
├── dist
│   └── ...                         // 打包文件夹
├── src                             // 源代码文件
│   ├── main                        // 主进程代码
│   │   ├── Application.js          // application 类
│   │   ├── config
│   │   │   └── ...                 // 配置文件
│   │   ├── event
│   │   │   └── ...                 // IPC通信 监听事件
│   │   ├── index.js                // 入口文件
│   │   ├── logger
│   │   │   └── index.js            // 日志封装
│   │   ├── pages
│   │   │   ├── window.html         // 子窗口 html 模板文件
│   │   │   └── ...
│   │   ├── system
│   │   │   ├── crash.js
│   │   │   ├── tray.js
│   │   │   └── ...                 // 系统模块
│   │   ├── utils
│   │   │   ├── deviceid.js
│   │   │   ├── download.js
│   │   │   ├── path.js
│   │   │   └── ...                 // 工具类
│   │   └── window
│   │       └── index.js            // 渲染窗口封装
│   └── renderer                    // 渲染进程代码
│       ├── app.js
│       ├── assets                  // 静态文件
│       │   └── yay.jpg
│       ├── config                  // 配置
│       │   ├── config.js
│       │   └── ...
│       ├── global.js
│       ├── layouts                 // layout 模板
│       │   ├── index.css
│       │   ├── index.js
│       │   └── ...
│       ├── models
│       │   ├── global.js
│       │   └── ...
│       └── pages
│           └── ...
└── package.json

安装

然后通过 yarn 下载依赖

  $ yarn

开发

首先通过以下命令启动渲染进程(默认端口：8000)

一条命令启动

  $ yarn start:dev

分开启动

首先通过以下命令启动渲染进程(默认端口：8000)

  $ yarn start:renderer

然后启动主进程

  $ yarn start:main

打包

  $ npm run pack

如果想把代码打包成一个 dmg 文件或者 zip 文件，可以执行以下命令

  $ npm run dist

致谢

• @williamnie提供的模板(umi-electron)
• @agalwood提供的项目(Motrix)
• @ConardLi提供的模板(electron-react)，本项目是根据这些项目修改而来。
• Electron, Umi, Dva, Antd等框架的开发者们。