本地下載運(yùn)行
1肺然、vue init simulatedgreg/electron-vue my-project
打包工具用的electron-builder
2、cd my-project
3已骇、npm install
4、npm run dev
(啟動(dòng))
打包(各種坑)
執(zhí)行npm run build
1、如果遇到類似報(bào)錯(cuò)
Error: Application entry file "dist\electron\main.js" in the "D:\wl\demo\build\win-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration.
at error (D:\gui\demo2\node_modules\electron-builder-lib\src\asar\asarFileChecker.ts:7:12)
at D:\gui\demo2\node_modules\electron-builder-lib\src\asar\asarFileChecker.ts:33:11
at Generator.next (<anonymous>)
at callback (D:\gui\demo2\node_modules\graceful-fs\polyfills.js:299:20)
at FSReqCallback.oncomplete (fs.js:177:5)
執(zhí)行 npm install multispinner -D
然后在.electron-vue\build.js
文件中引用
const Multispinner = require('multispinner')
2娃圆、打包時(shí)下載 electron-v.xxxx.zip 文件失敗
解決方法:在 [淘寶鏡像]下載對(duì)應(yīng)版本文件,下載完成后放在
C:\Users\用戶名\AppData\Local\electron\Cache
這個(gè)目錄下
3蛾茉、打包時(shí)下載 winCodeSign-v.xxx.7z讼呢、nsis-v.xxx.7z、nsis-resources-v.xxx.7z 文件失敗
解決方法:在 [淘寶鏡像]下載對(duì)應(yīng)版本文件谦炬,下載完成后放在
① winCodeSign-v.xxx.7z 解壓后存放到:C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign
②nsis-v.xxx.7z 解壓后存放到:C:\Users\用戶名\AppData\Local\electron-builder\Cache\nsis
③ nsis-resources-v.xxx.7z 解壓后存放到:C:\Users\用戶名\AppData\Local\electron-builder\Cache\nsis
記錄一下淘寶鏡像地址(github下載太慢): https://npm.taobao.org/mirrors/electron-builder-binaries/
https://npm.taobao.org/mirrors/electron/
參考 https://www.hi917.com/detail/325.html
http://www.reibang.com/p/ef7962a2edf6