創(chuàng)建項(xiàng)目
# 安裝 vue-cli 和 腳手架樣板代碼
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安裝依賴(lài)并運(yùn)行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev
描述
出現(xiàn)此類(lèi)問(wèn)題的根本原因: 網(wǎng)絡(luò)差,下載慢蹋辅,下載失敗
環(huán)境:electron-vue/win10
使用命令:npm run build
在執(zhí)行npm run build窒朋,由于網(wǎng)絡(luò)差,打包所需要的文件下載不下來(lái)彪腔,導(dǎo)致后面的一大批錯(cuò)誤巷蚪。后面每一步都可能因網(wǎng)絡(luò)原因而報(bào)錯(cuò)居灯,請(qǐng)參照對(duì)應(yīng)報(bào)錯(cuò)按要求手動(dòng)下載對(duì)應(yīng)工具穗熬。
因版本原因镀迂,文中下載地址僅作參考,請(qǐng)從報(bào)錯(cuò)信息中拷貝正確下載地址唤蔗。
用迅雷一般都能從github上下載成功
以下所說(shuō)目錄若不存在探遵,請(qǐng)手動(dòng)新建(其實(shí)只要執(zhí)行到某一步,就會(huì)自動(dòng)生成該目錄)措译,目錄中已有的緩存文件可以刪掉
資料
electron-builder 注意看這個(gè)别凤,里面有各個(gè)文件的別的下載地址
electron-vue的正確build姿勢(shì)
你可能會(huì)用到的目錄結(jié)構(gòu)圖
不同系統(tǒng)
macOS: ~/Library/Caches/electron-builder
Linux: ~/.cache/electron-builder
windows: %LOCALAPPDATA%\electron-builder\cache
下面各個(gè)路徑的總結(jié)(不明白后面都有)
electron-v2.0.18-win32-x64.zip:C:\Users\Gabriel\AppData\Local\electron\Cache\electron-v2.0.18-win32-x64.zip
SHASUMS256.txt-2.0.18:C:\Users\Gabriel\AppData\Local\electron\Cache\SHASUMS256.txt-2.0.18
winCodeSign-2.4.0:C:\Users\Gabriel\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.4.0
nsis-3.0.3.2和nsis-resources-3.3.0都在:C:\Users\Gabriel\AppData\Local\electron-builder\Cache\nsis
electron-v2.0.18-win32-x64.zip
注意饰序,下面的路徑是放在electron
下載地址
GitHub:https://github.com/electron/electron/releases
淘寶鏡像:https://npm.taobao.org/mirrors/electron/
安裝
在上面的地址中领虹,找到對(duì)應(yīng)版本,下載如下兩個(gè)文件:electron-v1.8.2-win32-x64.zip和SHASUMS256.txt
放到目錄:C:\Users\windows用戶\AppData\Local\electron\Cache求豫,并將.txt文件名加上版本號(hào):electron-v1.8.2-win32-x64.zip和SHASUMS256.txt-1.8.2
注意塌衰,下面的路徑是放在electron-builder
winCodeSign-2.4.0/winCodeSign-2.4.0.7z
下載地址:https://github.com/electron-userland/electron-builder-binaries/releases 在里面找到winCodeSign-2.4.0
解壓:
在目錄C:\Users\windows用戶\AppData\Local\electron-builder\cache\winCodeSign下,將解壓的文件直接放入這個(gè)目錄下蝠嘉,將下載文件解壓到此文件夾內(nèi)最疆,如下圖
nsis-3.0.3.2.7z
下載地址:https://github.com/electron-userland/electron-builder-binaries/releases?after=snap-template-2.4 在里面找到nsis-3.0.3.2.7z
解壓:
在目錄C:\Users\windows用戶\AppData\Local\electron-builder\cache\nsis下,將解壓的文件直接放入這個(gè)目錄下蚤告,將下載文件解壓到此文件夾內(nèi)努酸,如下圖
nsis-resources-3.3.0.7z
下載地址:https://github.com/electron-userland/electron-builder-binaries/releases/tag/nsis-resources-3.3.0 在里面找到nsis-resources-3.3.0.7z
解壓:
在目錄C:\Users\windows用戶\AppData\Local\electron-builder\cache\nsis下,將解壓的文件直接放入這個(gè)目錄下杜恰,將下載文件解壓到此文件夾內(nèi)获诈,如下圖