以前开发桌面应用需要选择C#,jave,go的 wails这些语言带GUI可是他们开发的界面确实体验不怎么样,界面还js web天下,所以我们选择vue 这样善于搭建漂亮界面来做桌面开发首选。故此我们用Electron框架,他可以用js、css、vue开发了。我们在Electron基础上改造了一下,可以用开发web应用习惯开发桌面应用。
用Vite+vue3基于electron开发跨平台电脑桌面应用的框架。前端开发者用一套熟悉的vue框架就可以开发电脑应用,无需在学习其他语言,只要你会vue前端开发就可以开发桌面应用,框架引入Arco Design漂亮的UI框架,让您很容易就开发出体验感不错界面漂亮的桌面程序。
[感兴趣的可以点击这里到社区查看更多资料](https://goflys.cn/ardetail?id=3)
## 快速上手
下载框架代码到本地
```
git clone https://gitee.com/huang_li_shi_admin/vite_electron.git
```
### 初始项目
如果初始下载失败,请更改资源镜像(淘宝镜像)
```
yarn install
```
### 运行项目
```
yarn dev
```
运行成功就打开软件界面
### 打包项目
```
yarn build
```
成功后会生成一个release文件夹,在里面就能看到打包好的exe安装包了。
## 效果图
![微信截图_20231118165138.png](https://static.golangjob.cn/240106/7c45518cbb1aeed0c961d8fc286376b6.png)
![微信截图_20231118165742.png](https://static.golangjob.cn/240106/50d3388f52c0b2a012bfe099bffe56db.png)
![微信截图_20231118165955.png](https://static.golangjob.cn/240106/cd5f15c5e66ecc7e24db63086919cb10.png)
![微信截图_20231118170219.png](https://static.golangjob.cn/240106/d5b9c1064bfab5e1d68ed1c8069b9e33.png)
![微信截图_20231118170359.png](https://static.golangjob.cn/240106/1c36f8490e639e4e1946257203b6127a.png)
![微信截图_20231118170456.png](https://static.golangjob.cn/240106/1fdee325ccf6ac8ea21961afdcfc0ee5.png)
![微信截图_20231118170539.png](https://static.golangjob.cn/240106/8380c8a40d5d64bf9c6566dc7624091c.png)
有疑问加站长微信联系(非本文作者)
![](https://static.golangjob.cn/static/img/footer.png?imageView2/2/w/280)