上周学习Electron开发桌面应用,找来找去发现 Electron-egg框架还不错,于是整合antdv 界面库操作了一遍,把软件场景中一些功能提取出来做成实例,拿来即用,把代码开源出来,需要的同学去取了。
开源许可协议:Apache-2.0
Electron-AntDV
📋 简介
这是一款Electron-egg,Ant-Design-Vue 界面库结合的桌面应用开发模板, 可快速学习和了解Electron应用程序开发,也可作为桌面应用的开发脚手架。
📌 特性
- 跨平台:一套代码,可以打包成windows版、Mac版、Linux版、国产UOS、Deepin、麒麟等
- 架构:单业务进程/模块化/多任务(进程,线程,渲染进程),让开发大型项目变的简单。
- 简单高效:只需学习 js 语言
- 前端独立:理论上支持任何前端技术,如:vue、react、html等等
- 工程化:可以用前端、服务端的开发思维,来编写桌面软件
- 高性能:事件驱动、非阻塞式IO
- 功能丰富:配置、通信、插件、数据库、升级、打包、工具... 应有尽有
- 安全:支持字节码加密、压缩混淆加密
- 开箱即用:桌面软件常见界面和功能提供Demo,稍改即可使用。
📦 软件界面
📚 安装说明
推荐 node.js >= 16.20.0,请使用 npm 安装依赖。不推荐 yarn、cnpm
# 克隆项目
git clone https://gitee.com/vkei/electron-antdv.git
# 进入项目目录,安装依赖
cd electron-antdv
npm install
#进入【前端目录】
cd frontend
#安装前端依赖
npm instal1
# 返回主目录
cd ..
# 运行开发环境(前后端一起运行)
npm run dev
# 单独运行渲染进程
npm run dev-frontend
# 单独运行主进程
npm run dev-electron