看完下面两篇就可以完成！

基于vue3+vite的web项目改为Electron桌面应用（一）_vue3转electron-CSDN博客

将web项目打包成electron桌面端教程（二）vue3+vite+ts_vue3 打包桌面端-CSDN博客

打包报错

1. 首先确定依赖包

npm config set registry https://registry.npmmirror.com   //安装依赖包

npm config get registry  //查看安装的依赖

2. 其次配置npmrc

打开 npmrc 文件

ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
registry=https://registry.npmmirror.com/

3.  下载 winCodeSign-2.6.0.7z包 ,解压后放置在 C:\Users\Admin\AppData\Local\electron-builder\Cache\winCodeSign 中，如图：

下载地址：CNPM Binaries Mirror

压缩包分享地址：

链接: https://pan.baidu.com/s/1snU6t2wbw6DFv7U1GgQhLg?pwd=ysm8 提取码: ysm8 复制这段内容后打开百度网盘手机App，操作更方便哦

4. 再次打包

扩展，可看可不看

Electron窗口管理详解：使用BrowserWindow API打造个性化界面_electron 主要窗体界面-CSDN博客
 

Electron教程（三）如何打包 electron 程序：electron-forge 的使用教程-CSDN博客

CNPM Binaries Mirror