vue項目使用electron-builder庫打包成桌面程序的過程

更新時間：2024年02月04日 09:55:07 作者：zhuyua

這篇文章主要介紹了vue項目使用electron-builder庫打包成桌面程序的過程,本文給大家介紹如何使用electron-builder這個庫結合實例代碼給大家講解的非常詳細,感興趣的朋友一起看看吧

引入

我們想要把我們寫的vue項目,打包成桌面程序，我們需要使用electron-builder這個庫

如何使用

首先添加打包工具

vue add electron-builder

選擇最新版本

下載完畢

我們可以看到我們的package.json中多了幾行

electron:build：打包我們的可執(zhí)行程序

electron:serve：運行可執(zhí)行程序,不打包

我們先運行,不打包試試可能會有點慢,耐心等等

npm run electron:serve

執(zhí)行成功！

打包的話就是:

npm run electron:build

他會在根目錄生成一個dist_electron文件夾里面的win-unpacked為文件下面有我們的可執(zhí)行文件

到此這篇關于vue項目打包成桌面程序 electron-builder的文章就介紹到這了,更多相關vue打包成桌面程序內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

詳解vue3+quasar彈窗的幾種方式
本文主要介紹了vue3+quasar彈窗的幾種方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-08-08
vue在自定義組件上使用v-model和.sync的方法實例
自定義組件的v-model和.sync修飾符其實本質上都是vue的語法糖,用于實現(xiàn)父子組件的"數(shù)據(jù)"雙向綁定,下面這篇文章主要給大家介紹了關于vue在自定義組件上使用v-model和.sync的相關資料,需要的朋友可以參考下
2022-07-07
Vue實現(xiàn)內部組件輪播切換效果的示例代碼
這篇文章主要介紹了Vue實現(xiàn)內部組件輪播切換效果的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
vue如何實現(xiàn)垂直居中
這篇文章主要介紹了vue如何實現(xiàn)垂直居中，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
Vue3設計思想及響應式源碼解析
這篇文章主要為大家介紹了Vue3設計思想及響應式源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
詳解關于element el-button使用$attrs的一個注意要點
這篇文章主要介紹了詳解關于element el-button使用$attrs的一個注意要點,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
vue基于vant實現(xiàn)上拉加載下拉刷新的示例代碼
普遍存在于各種app中的上拉加載下拉刷新功能，本文主要介紹了vue基于vant實現(xiàn)上拉加載下拉刷新，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
vue使用自定義icon圖標的方法
這篇文章主要介紹了vue使用自定義的icon圖標的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-05-05
vue3中template使用ref無需.value原因解析
vue3的template中使用ref變量無需使用.value,還可以在事件處理器中進行賦值操作時,無需使用.value就可以直接修改ref變量的值,這篇文章主要介紹了原來vue3中template使用ref無需.value是因為這個,需要的朋友可以參考下
2024-06-06
vue3寫echarts不能根據(jù)屏幕大小縮的解決辦法
這篇文章主要介紹了vue3寫echarts不能根據(jù)屏幕大小縮的解決辦法,文中通過代碼介紹的非常詳細,對大家學習或者使用vue3具有一定的參考借鑒價值,需要的朋友可以參考下
2025-04-04