上周把Electron整合Ant-design-vue界面框架的脚手架开源了

402 阅读2分钟

上周学习Electron开发桌面应用,找来找去发现 Electron-egg框架还不错,于是整合antdv 界面库操作了一遍,把软件场景中一些功能提取出来做成实例,现在回馈社区,把源码放出来,需要的小伙伴去取了。

Electron-AntDV

      

📋 简介

这是一款 Electron-egg,Ant-Design-Vue 界面库结合的桌面应用开发模板, 可快速学习和了解Electron应用程序开发,也可作为桌面应用的开发脚手架。

项目Gitee开源地址: Electron-AntDV

📌 特性

  1. 跨平台:一套代码,可以打包成windows版、Mac版、Linux版、国产UOS、Deepin、麒麟等
  2. 架构:单业务进程/模块化/多任务(进程,线程,渲染进程),让开发大型项目变的简单。
  3. 简单高效:只需学习 js 语言
  4. 前端独立:理论上支持任何前端技术,如:vue、react、html等等
  5. 工程化:可以用前端、服务端的开发思维,来编写桌面软件
  6. 高性能:事件驱动、非阻塞式IO
  7. 功能丰富:配置、通信、插件、数据库、升级、打包、工具... 应有尽有
  8. 安全:支持字节码加密、压缩混淆加密
  9. 开箱即用:桌面软件常见界面和功能提供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 install
# 运行开发环境(前后端一起运行)
 cd ..
 npm run dev
# 或者单独运行渲染进程
 npm run dev-frontend
# 另外起一个窗口,运行主进程
 npm run dev-electron 

📖 相关文档

  1. Ant Design Vue
  2. Electron-egg
  3. Electron
  4. Vue