1.安裝node

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

3.創建應用并進入應用目錄
$ vue create my-app
$ cd my-app 4.添加electron-builder $ vue add electron-builder 會讓你選擇electron版本，默認即可

然后是漫長且龜速的下載，耐心等待

有極高的幾率安裝失敗，基本都是網絡問題（你懂的）

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

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

然后再一次?

$ vue add electron-builder

瞬間就成功了！！！?

5.添加vuetify

$ vue add vuetify

6.運行

$ npm run electron:serve

?

?7.打包（windows X64）

在根目錄創建vue.config.js文件，并編輯其內容：

生成安裝包：

$ npm run electron:build

由于網絡問題，極大可能在很多步發生下載錯誤403：

若是electron出錯，手動復制出錯地址用下載工具下載后，拷貝到如下目錄：

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

若是?app-builder或winCodeSign或nsis或nsis-resources 報錯，同樣復制鏈接手動下載后，拷貝至對應目錄：

目錄結構如下：

再次Build：

$ cnpm run electron:build

成功：

在項目的dist目錄下，可看到生成的安裝包：

雙擊后即可安裝運行。

?

轉載于:https://www.cnblogs.com/fansite/p/11324737.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。