天天看點

前端——Electron+Vue打包.exe桌面程式

前端——Electron+Vue打包.exe桌面程式

紀年科技aming

網絡安全 ,深度學習,嵌入式,機器強化,生物智能,生命科學。

叮叮叮:産品已上線 —>關注 官方-微信公衆号——濟南紀年資訊科技有限公司

民生項目:商城加盟/娛樂交友/創業商圈/外包兼職開發-項目釋出/

安全項目:态勢感覺防禦系統/内網巡查系統

雲服項目:動态擴容雲主機/域名/彈性存儲-資料庫-雲盤/API-AIeverthing

産品咨詢/服務售後(同)

紙上得來終覺淺,絕知此事要躬行 !!!

尋找志同道合夥伴創業中。。。抱團滴滴aming聯系方式!!

#本文為廣告系統自動投放廣告

# 如有侵權 删改 請速速聯系我們

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

npm uninstall -g vue-cli
           

安裝最新版腳手架

cnpm install -g @vue/cli
           

建立一個 vue 随便起個名

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

進入 建立過的 vue檔案

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

運作 vue

npm run serve
           
前端——Electron+Vue打包.exe桌面程式
前端——Electron+Vue打包.exe桌面程式

将vue 添加 electron子產品

vue add electron-builder
           
前端——Electron+Vue打包.exe桌面程式
前端——Electron+Vue打包.exe桌面程式
前端——Electron+Vue打包.exe桌面程式

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

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

最終 打包exe

npm run electron:build
           
前端——Electron+Vue打包.exe桌面程式
前端——Electron+Vue打包.exe桌面程式

報錯安裝一下插件

npm install -g yarn