1.安裝node

2.安裝vue/cli
$ npm install @vue/cli -g

3.創(chuàng)建應(yīng)用并進(jìn)入應(yīng)用目錄
$ vue create my-app
$ cd my-app 4.添加electron-builder $ vue add electron-builder 會(huì)讓你選擇electron版本，默認(rèn)即可

然后是漫長(zhǎng)且龜速的下載，耐心等待

有極高的幾率安裝失敗，基本都是網(wǎng)絡(luò)問題（你懂的）

所以，我們先設(shè)置electron的源地址，修改為淘寶鏡像

$ npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

然后再一次?

$ vue add electron-builder

瞬間就成功了！！！?

5.添加vuetify

$ vue add vuetify

6.運(yùn)行

$ npm run electron:serve

?

?7.打包（windows X64）

在根目錄創(chuàng)建vue.config.js文件，并編輯其內(nèi)容：

生成安裝包：

$ npm run electron:build

由于網(wǎng)絡(luò)問題，極大可能在很多步發(fā)生下載錯(cuò)誤403：

若是electron出錯(cuò)，手動(dòng)復(fù)制出錯(cuò)地址用下載工具下載后，拷貝到如下目錄：

C:\Users\用戶名\AppData\Local\electron\Cache\

若是?app-builder或winCodeSign或nsis或nsis-resources 報(bào)錯(cuò)，同樣復(fù)制鏈接手動(dòng)下載后，拷貝至對(duì)應(yīng)目錄：

目錄結(jié)構(gòu)如下：

再次Build：

$ cnpm run electron:build

成功：

在項(xiàng)目的dist目錄下，可看到生成的安裝包：

雙擊后即可安裝運(yùn)行。

?

轉(zhuǎn)載于:https://www.cnblogs.com/fansite/p/11324737.html

總結(jié)

以上是生活随笔為你收集整理的vuetify electron （开发环境及打包）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。