準備作業
下載 electron-v9.4.4-win32-ia32.zip
https://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip
解壓放到 C:\Users\Admin\AppData\Local\electron-builder\Cache 目錄下
下載 winCodeSign
https://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/
解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0目錄下（
沒有的話，自己創建winCodeSign-2.6.0）
下載/nsis-3.0.4.1
https://npm.taobao.org/mirrors/electron-builder-binaries/nsis-3.0.4.1/解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1 目錄下（
沒有的話，自己創建nsis-3.0.4.1） 全域安裝electron：npm install -g electron 最后在檢查一下是否都安裝完畢
準備作業做好之后就可以開始創建專案了
1.創建vue專案
vue create 專案名
這里我直接選的默認
? Please pick a preset: Default ([Vue 3] babel, eslint)
2. cd 專案名 進入剛剛創建的vue專案
3.vue add electron-builder 將electron添加至專案
4.npm run electron:build運行一下打包命令 測驗一下打包是否存在問題
如上：我整體創建下來的話是沒有任何報錯的
打包后的檔案在：專案名\dist_electron 下有一個.exe檔案 elapp Setup 0.1.0.exe 雙擊就可以運行了
5.專案啟動命令：npm run electron:serve
接下來就可以愉快的進入開發流程啦
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/499371.html
標籤：其他