天天看點

Vue-Electron打包.exe桌面程式

Electron+Vue打包.exe桌面程式

Vue-Electron打包.exe桌面程式

為了不報錯 解除安裝以前的腳手架

npm uninstall -g vue-cli      

安裝最新版腳手架

cnpm install -g @vue/cli      

建立一個 vue 随便起個名

vue create electron-vue-example (随便起個名字electron-vue-example)      

進入 建立過的 vue檔案

Vue-Electron打包.exe桌面程式
cd electron-vue-example
 
cnpm install electron -g      
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式

運作 vue

npm run serve      
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式

将vue 添加 electron子產品

vue add electron-builder      
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式

運作 electron 子產品 是否 可以彈出視窗

npm run electron:serve      
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式
// 這個錯誤 網上說必須科學上網才可以安裝  是以我臨時沒有進行安裝  後繼沒有發現有異常錯誤
Vue Devtools failed to install: ReferenceError: installExtension is not defined
// 全局搜尋 這個 注釋掉 VUEJS_DEVTOOLS      
Vue-Electron打包.exe桌面程式

最終 打包exe

npm run electron:build      
Vue-Electron打包.exe桌面程式
Vue-Electron打包.exe桌面程式

報錯安裝一下插件

npm install -g yarn      

繼續閱讀