這里以我的一個項目為例:
https://gitee.com/makalochen/think-php5.1_vue2.x_-base-admin
項目運行如圖

將這個項目改成支持electron
安裝electron-builder
我們需要知道,electron-builder和electron-packager基本類似,不過builder打包完成的是安裝包,而packager打包完成的是可執行文件,packager里面有項目源碼,builder里面則是編譯后的。這可能是兩者的最大差別。
進入項目根目錄,執行
vue add electron-builder

如果出現這個選擇y,這是告訴當前存儲庫有未提交的更改,問你是否繼續

這是問你選擇electron那個版本,我們直接選擇最新版

仔細看完成之前有句提示,是說檢測到您正在使用Vue路由器。它必須在哈希模式下工作才能在electron中工作
也就是說路由必須改成

這點要注意
測試
運行web
npm run serve

運行electron 客戶端
npm run electron:serve

沒啥問題
打包成桌面應用
執行
npm run electron:build
到當前項目目錄下的dist_electron

