vue2+electron項目搭建過程
更新時間：2025年01月14日 09:51:13 作者：森林的盡頭是陽光
文章介紹了如何使用Vue CLI 2搭建Vue項目,并添加Electron插件vue-cli-plugin-electron-builder來創(chuàng)建一個Vue+Electron項目,文章還提供了啟動和打包項目的方法,并提示了下載國內(nèi)網(wǎng)較慢的文件時可以先注釋掉代碼進行調(diào)試,感興趣的朋友一起看看吧
一、vue2搭建
官方鏈接：https://cli.vuejs.org/zh/guide/installation.html
1、安裝vue-cli
npm install -g @vue/cli # OR yarn global add @vue/cli
2、vue項目創(chuàng)建
vue create electron-vue-demo
二、vue項目添加electron
安裝插件 vue-cli-plugin-electron-builder
https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/
1、安裝
vue add electron-builder
2、安裝成功后文件變化
package.json
三、項目運行
background.js如下代碼國內(nèi)網(wǎng)下載比較慢，是個調(diào)試工具可以先注釋掉，注釋后運行命令就可以快速啟動客戶端了
npm run electron:serve
四、項目打包
npm run electron:build
打包后，在這個目錄下
打包優(yōu)化
https://www.electron.build/
簡單優(yōu)化一下
到此這篇關于vue2+electron項目搭建的文章就介紹到這了,更多相關vue2 electron項目搭建內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Vue3 Element Plus表單自定義校驗的實現(xiàn)全過程
這篇文章主要介紹了Vue3 Element Plus表單自定義校驗的實現(xiàn)全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
Element?UI?Dialog對話框改成固定高度超出部分滾動條滾動
這篇文章主要給大家介紹了關于Element?UI?Dialog對話框改成固定高度超出部分滾動條滾動的相關資料,el-dialog默認高度是自由拉伸的,當內(nèi)容超過屏幕時會出現(xiàn)滾動條,按鈕和標題都會隨著滾動,用戶體驗不好,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了vue 實現(xiàn)可拖曳的樹狀結構圖，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)自定義多選按鈕，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了vue中保留字符串中的空格的解決方案，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue事件總線的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
這篇文章主要為大家分享了一個非常實用的vue導航鉤子，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
今天小編就為大家分享一篇對Vue.js之事件的綁定(v-on: 或者 @ )詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了10分鐘教你快速上手Vue3中新增的API,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了在antd4.0中Form使用initialValue操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11