創(chuàng)建桌面應(yīng)用程序electron-vue

"node.js git npm vue安裝后都需要配置環(huán)境變量中的系統(tǒng)變量

https://blog.csdn.net/xingsfdz/article/details/112253175

學(xué)習(xí)網(wǎng)址

官網(wǎng)

一:創(chuàng)建electron-vue項目

1:從“使用?electron-vue?建項目以及初始化開始

在需要創(chuàng)建項目的文件夾內(nèi):shift+右擊,啟動命令窗口,輸入命令

vue init simulatedgreg/electron-vue my-app

創(chuàng)建my-app項目,舉例如下:注意:vue init simulatedgreg/electron-vue my-app中是my-app文件夾名稱


2:使用vscode打開項目安裝依賴,啟動項目

cnpm install

npm run dev

3:安裝element-ui:npm install element-ui

在main.js導(dǎo)入elements

二:electron-vue?打包:打包學(xué)習(xí)網(wǎng)址

npm run build

打包時報錯

錯誤一:build.js文件報錯

如下圖:

報錯

修改方式:找到build.js文件進(jìn)行修改

build.js報錯地方,修改前
build.js文件,修改后

錯誤二:Multispinner is not defined

將build.js文件修改后再次輸入啟動命令npm run build,仍然報錯,提示:Multispinner is not defined

解決方法:參考網(wǎng)址

1、安裝multispinner

cnpm install multispinner

2、build.js 文件中引用:

const Multispinner= require('multispinner')

錯誤三:參考網(wǎng)址

解決方法:

npm set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

項目打包成功后在build文件夾下,安裝.exe文件即可,或者打包成功后的所有文件都在win-unpacked文件夾中

三?、開發(fā)使用的數(shù)據(jù)庫NeDB?

https://blog.csdn.net/weixin_39533280/article/details/112107389

https://www.w3cschool.cn/nedbintro/nedbintro-asrf27md.html

https://www.cnblogs.com/loaderman/p/12173453.html非常重要

https://www.w3cschool.cn/nedbintro/nedbintro-t9z327mh.html非常重要

https://blog.csdn.net/qq_38143787/article/details/108226581加載element-ui的table

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/savingreading-local-files.html重要











?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容