vue 打包桌面應用程序
你說爲啥現在前端這麼累，一會做h5網頁，一會pc網站，一會又是服務端渲染，一會又來一個桌面應用，一會又是App，是不是就差操作數據庫了，不，不對，如果你是走的node 方向，那你就做到了，哈哈哈
- vue 打包這些流程我相信大家都已經知道了吧，不管你是vue cli 2 還是vue cli 3 打包出來都是有dist 文件的，至於前面的操作不懂的這些可以百度，多得很，我就直接給你們講，如何打包桌面應用就好
Electronjs 是什麼？
- Electronjs 這個就是一個很厲害的 js了，果然如傳說一樣
管你c++還是java，一把js 走天下，拿到需求就是幹
對於這個 JS 不懂的可以去看看，這個的確很強大，裏面功能很全，但是如果你只是要打包的話，不需要深入，只需要知道幾個命令就好，下面貼上 地址，加代碼
https://electronjs.org/ 官網介紹： 使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用
- 進入文檔，你就會發現，我去，有很多都不知道是什麼操作，但是不用知道，你就知道是打包工具就好，用git 命令去拉取官網的這個代碼，他這個代碼也可以，但是如果你是vue 的同學，你想直接搞份demo 來修改就可以運行看到效果的，沒問題，我後面會貼出GitHub地址，你直接下載去用，是不是很貼心，哈哈哈
# 克隆示例項目的倉庫
$ git clone https://github.com/electron/electron-quick-start
# 進入這個倉庫
$ cd electron-quick-start
# 安裝依賴並運行
$ npm install && npm start
這是官網的demo ，可以下載來運行
- 好了，我相信你肯定不願意打包vue 之後再去複製到哪個js裏面去修改地址，所以我接下來提供的方式是直接在 vue 項目中引入 然後打包，然後運行，然後發佈，好了，首先，你得在你得vue項目中 用npm 或cnpm 的形式引入這2個命令
npm install electron --save-dev
npm install electron-builder --save-dev
/*
* 這個代碼的意思是引入這個打包的js
* 第二句的意思是進行打包命令
*/
- 然後就是重頭戲了，接下來打開你的 package.json 文件 裏面修改如下
"electron_dev": "npm run build && electron build/electron.js",
"electron_build": "electron-packager ./dist/ IM --platform=win32 --arch=x64 --icon=./src/assets/yizhu.ico --overwrite"
electron_build 裏面的 dist 位置代表存放位置， im部分代表exe 名字，可以修改，
--platform=win32 --arch=x64 代表的系統 如果是 32位的系統 就改32哈
--icon=./src/assets/yizhu.ico 代表的exe文件 圖標
如果你這些都已經配置好了，你就執行下面的命令就可以進行打包一個預覽包了
npm run electron_build
- 如果出現這個了，恭喜了，vue打包桌面應用程序已經完成了，但是你這個要是想發給別人安裝看，你這個還不行喲，還需要進行打包才能喲，推薦一個簡單的