Electron-vue+Vue製做桌面端(一)

目前Electron-vue已長久沒有更新維護,包括搭建項目過程坑比較多,不建議引入項目!!!
環境基於nodejs環境
nodejs環境建議安裝在非系統盤,文件名統一英文命名,默認安裝有時候最初用戶名是中文,會致使打包出錯,前面的功夫白費。
能夠使用yarn操做命令,安卓打包更快捷,npm install -g yarn
安裝 Electron
全局安裝yarn global add electron
一、安裝腳手架
npm install -g vue-cli
二、建立項目
vue init simulatedgreg/electron-vue XXX(文件名)
三、進入子路徑
cd XXX
四、安裝依賴
npm install(yarn install)
錯誤解決:An unexpected error occurred: "http://registry.cnpmjs.org/vue: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org".
網絡很差致使的下載依賴包請求超時報錯
步驟1.請求地址設置成淘寶源
npm config set registry https://registry.npm.taobao.org  
npm config set disturl https://npm.taobao.org/dist
步驟2.對node-sass鏡像源進行設置
yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
可能還有一些其餘錯誤,基本上百度都能解決
五、打包(這一步最容易出問題,網上說的好多不怎麼規整)
yarn run build
這裏須要有一些配置
找到C:\Users\27951\AppData\Local\electron\Cache,裏面包含如下幾個文件

nsis裏包含

沒有文件的能夠去下載下來放到對應位置
這樣打包的時候就不會去請求網絡資源,也不容易出各類錯誤。vue

相關文章
相關標籤/搜索