1芜繁、electron引入，使項目桌面化
（1）在有vue項目的情況下
vue ui // 默認打開一個8000端口的服務，一個可視化的UI界面就出來了
（2）選擇左下角--vue項目管理器 -- 導入 -- 選擇你需要打包成桌面應用的項目文件夾
（3）選擇左側菜單欄 任務--運行 --啟動app
2嗅绰、添加electron插件
（1）插件 -- 添加插件 搜索 vue-cli-plugin-electron-builder,安裝第一個
（2）安裝完成點擊已安裝插件-- 顯示這個插件
3兄纺、運行
npm run electron:serve
運行之后會出現(xiàn)electron的桌面應用里面就是你的項目頁面，都能正常點擊使用岂嗓。
4、打包
進行打包成一個可執(zhí)行的文件exe
npm run electron:build
報錯如下：
打包過程中會有一些不順利鹊碍，原因應該是electron的一些依賴需要從GitHub中下載厌殉，但是鑒于網(wǎng)絡原因，下載很慢也下不下來侈咕，這時候建議科學上網(wǎng)（大家都懂梯梯和墻墻）公罕，這時候我去找了很多資料，有的建議我用cnpm淘寶鏡像去安裝這些依賴耀销，當時覺得是個一勞永逸的操作楼眷，沒有去用cnpm，至于能不能用不清楚熊尉，我看別人是成功的罐柳，后來我又發(fā)現(xiàn)有人使用的是將這些依賴在本地安裝，一勞永逸狰住，速度也很快张吉，所以我采取了本地安裝的方案，借鑒了這位大神的博客http://www.reibang.com/p/5d8ea14ce374
安裝包從https://registry.npmmirror.com/binary.html?path=electron-builder-binaries/nsis-3.0.4.1/這里下載
解決：
依賴1：下載 winCodeSign（https://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/
解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0目錄下）
依賴2：下載nsis-3.0.4.1（https://npm.taobao.org/mirrors/electron-builder-binaries/nsis-3.0.4.1/
解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1 目錄下）
依賴3：下載nsis-resources-3.4.1 同上同名依賴
反正我是安裝了以上3個依賴就可以成功打包催植。
5肮蛹、打包之后雙擊exe就自動安裝桌面應用快捷鍵
這時候出現(xiàn)了一些代碼問題
（1）路由無法跳轉
解決：mode用hash模式，不能用history模式创南，至于原因我沒細看
（2）iconfont的小icon沒法加載問題
還在調研
陸續(xù)更新中伦忠。。稿辙。
