VUE-clI 打包成exe ，electron 下载慢，失败，打包失败_electron vue cli build failed.

经过昨天一天折腾后，找到了大佬有用的帖子，终于搞定。

命令行有：

• 一、vue项目中添加 electron 模块
• 二、使用 npm run electron:serve 进行启动项目
• 三、对 electron 进行配置
• 四、打包 exe桌面应用

一、vue项目中添加 electron 模块

在终端中输入以下命令

vue add electron-builder
 

二、使用 npm run electron:serve 进行启动项目

安装完成后，使用以下命令启动 electron 项目

npm run electron:serve

三、使用 npm run electron:serve 进行启动项目

启动完成后，项目目录会出现 dist_electron 目录以及 /src/background.js 文件，在background.js 里面修改，注意图片和数据存储在localstorage

四、打包 exe桌面应用 

npm run electron:build
但是过程中，出现了各种错误。例如根本打包不成功，这时候，就要用各种资源配置了。我用了某大佬的配置方法,国内electron-vue build报错解决方法 - 掘金，跟着vscode 终端一步一步找到所需的配置安装成功，打包成功，变成exe.

国内electron-vue build报错解决方法 - 掘金  请好好使用这位大佬的手动配置资源过程。vscode 终端会提醒你的vue 需要哪个版本的配置版本号。

 node的问题与electron

另外我刚开始使用node18.,版本太高了，后面降级为node16. 如果刚开始装了node ，使用nvm 管理node 版本的时候，一定要删除干净安装好的node ,可用node-v 和npm-v 来测试是否卸载干净。

结尾

打包成功，上图