GoFly

第一次,站长亲自招 Gopher 了>>>

# 跨平台桌面应用框架 一个可以用Vite+vue3基于electron开发的电脑桌面应用的框架(我们不生产框架,我们是优秀框架的搬运工)。前端开发者用一套熟悉的vue框架就可以开发电脑应用,无需在学习其他语言。 <br /> 框架GoFly官方介绍网址链接:[https://goflys.cn/ardetail?id=3](https://goflys.cn/ardetail?id=3) <br /> git代码仓链接:[https://gitee.com/huang_li_shi_admin/vite_electron](https://gitee.com/huang_li_shi_admin/vite_electron) ## 快速开始 gitee 下载框架代码到本地 ``` git clone https://gitee.com/huang_li_shi_admin/vite_electron.git ``` ## 初始项目 如果初始下载失败,请更改资源镜像(淘宝镜像) ``` yarn install ``` ## 运行 ``` yarn dev ``` 可以看到创建了一个dist-electron文件夹,同时打开了一个桌面应用 ## 打包 ``` yarn build ``` 成功后会生成一个release文件夹,在里面就能看到打包好的exe安装包了。 ## 安装Electron 先配置下镜像,不然下载和打包时都会超时出错 ``` yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/ yarn config set electron_builder_binaries_mirror https://npm.taobao.org/mirrors/electron-builder-binaries/ ``` ### 接下来开始安装electron ``` yarn add electron -D ``` ### 接着安装vite-plugin-electron插件 该插件用于配置electron打包编译的文件入口 ``` yarn add vite-plugin-electron -D ``` ## 开发注意事项 1. ctrl+shift+i 切换开发者控制台 2. electron框架API代码electron\renderers下添加 3. vue页面调用Electron框架的API方法在src\utils\ipcMainApi.js统一管理 ## 开发文档 开发参考我们封装框架的[GoFly桌面快速开发框架文档](https://doc.goflys.cn/docview?id=33),需要框electron请[electron官方文档](https://www.electronjs.org/zh/docs/latest/api/app),我们框架集成了vue的UI框架方便您快速开发应用,无需自己搭建基础依赖和技术选择。 ## demo预览图    黑暗主题  打开第三方网站  播放视频  小窗口 

有疑问加站长微信联系(非本文作者))

2360 次点击 ∙ 1 赞

上一篇:数据库入门:掌握MySQL数据库的五大基本操作,轻松驾驭数据世界!

下一篇:gorm学习系列之一:gorm.Open函数详解

框架 电脑桌面 git 安装包

• 编辑
• 预览