vuetify & electron （开发环境及打包）

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