如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。
官网地址
注：vue的新老项目都可打包成electron桌面软件，我这里是新建的新项目
1.搭环境

//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装脚手架
npm install @vue/cli -g
//全局安装electron
npm install -g electron

版本图片如下：（node版本最低14以上）

2.新建项目

vue create electron-demo

3.添加打包工具

vue add electron-builder

4.运行electron

npm run electron:serve

调试界面

5.打包exe包

npm run electron:build

打包结构如下

打包踩坑过程：
1.使用 js-cookie，登录无法跳转了
解决方案：

不使用该库 使用localStorage，sessionStorage……

2.接口访问不到
解决方案：

跨域代理取消，直接接口地址请求

3.访问白屏
解决方案:

config配置文件的build下面的配置，publicPath:'./'

4.npm安装失败，配置镜像

npm config set registry http://registry.npm.taobao.org/
npm config set electron_mirror="https://npm.taobao.org/mirrors/electron/"
npm config set electron_builder_binaries_mirror="http://npm.taobao.org/mirrors/electron-builder-binaries/"

5.打包路径不能有中文，会报错，但不影响打包结果

6.安装electron，没有全局：

npm install electron -g

很容易报错

7.vue add electron-builder
用cnpm安装提示正确了但是也没下载好，重新去执行，不知道是不是跟网络有关，如果报错就再重新下载

8.electron打包报错，可查看一下版本号；node的版本也必须是14以上的版本