vue項目使用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打包成桌面程序內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
- Electron 使? electron-builder 打包應用過程詳解
- 使用electron-builder將項目打包成桌面程序的詳細教程
- vue配置electron使用electron-builder進行打包的操作方法
- electron-builder打包vue2項目問題總結
- 快速解決electron-builder打包時下載依賴慢的問題
- electron-builder打包exe后白屏的解決方法
- electron-builder 的基本使用及electron打包步驟
- vite?+?electron-builder?打包配置詳解
- electron-builder打包配置詳解
- Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)
- electron-builder打包與發(fā)布Electron應用
相關文章
在Vue3中處理異步API調(diào)用并更新表單數(shù)據(jù)的方法示例
這篇文章主要介紹了如何在Vue3中處理異步API調(diào)用并更新表單數(shù)據(jù)(附Demo),文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-06-06
在Vue3項目中使用Vuex進行狀態(tài)管理的詳細教程
在?Vue?3?中使用?Vuex?進行狀態(tài)管理是一個很好的實踐,特別是在涉及到多個組件間共享狀態(tài)的情況,下面是如何在?Vue?3?項目中設置和使用?Vuex?的教程,包括?state,?mutations,?actions,?getters?的概念及其用途,需要的朋友可以參考下2024-09-09
圖片預覽插件vue-photo-preview的使用示例詳解
這篇文章主要介紹了圖片預覽插件vue-photo-preview的使用,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08

