1.使用nvm管理node版本

不同的項目開發需要的node版本環境不一樣,所以需要使用nvm進行版本管理。

關鍵命令:

（1）檢查nvm版本號是否安裝成功

nvm -v

（2）檢查所有node版本號

nvm ls

（3）安裝指定node版本16

nvm install 16.18.1

（4）使用對應的node版本

nvm use 16.18.1

（5）檢查當前node版本是否正確

node -v

相關參考博客：nvm安裝(降低node版本或提高node版本)-CSDN博客?

?2.關閉火絨等安全避免下載失敗

?3.創建vue2前端項目并下載Electron

?3.1創建vue2前端項目

? 在對應的文件目錄下進行前端項目的創建，根據自己需求進行選擇相關配置創建項目。

vue create 項目名

vue3-01-初識vue3相對于vue2的提升與比較，使用vue-cli創建項目，使用vite構建工具創建項目-CSDN博客

3.2 引入使用Electron打包項目

Electron是由GitHub開發的開源框架，用于構建跨平臺桌面應用程序。允許開發人員使用常見的Web技術，來創建桌面應用程序，同時利用Node.js來訪問底層操作系統功能。

（1）安裝依賴，在vue項目中進行Electron依賴安裝

? 根據提示選擇最新的Electron版本。

vue add electron-builder

（2）啟動Electron開發環境

npm run electron:serve

（3）打包桌面應用應用

生成可執行文件(.exe或.dmg)，打包完成后，生成的文件位于dist_electron文件夾中

npm run electron:build

?4.Electron安裝失敗解決

直接修改Electron和Electron Builder二進制文件的鏡像源

（1）打開npm配置配置鏡像源

npm config edit

（2）文件空白處配置二進制文件的鏡像源

electron_mirror=https://cdn.npmmirror.com/binaries/electron/
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

（3）保存重新引入并使用Electron打包項目

?參考博客：最新解決 electron 安裝失敗問題_electron安裝失敗-CSDN博客