開源的地址：https://github.com/electron/electron-quick-start

一、運行

1. 安裝依賴

cnpm install electron --save

cnpm install electron-packager --save

2. 在Build里引入官方的入口文件Main.js將其改為electron.js

3. 在package.json里加一條指令，啟動electron

?

4. npm run build

5. npm run electron_dev(如果是白屏，則需要更改config/index.js里build的絕對路徑改為相對路徑,然后在重新build一下，如果不想改就直接改index里的引用文件即可)

?

構建時間很長，而且用餓了么組件的反應很慢。只要能打開dist里的index.html就可以進行下一步了（如果打不開就關閉服務）

?

?二、打包

1. 更改package.json，配置打包程序

?參考文檔：https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#electronversion

2. 打包程序 需要在dist目錄里拿到package。然后找到入口Js文件，然后找到我們之前生成的index.html。手動賦值一個package.json

然后配置入口文件路徑

?

?

?

?

3. npm run electron_build

?

這就是我們生成的exe打包程序，打開

?

?

轉載于:https://www.cnblogs.com/teemor/p/8227420.html

總結

以上是生活随笔為你收集整理的Vue打包桌面程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。