vue 项目打包客户端（简单用法） electron-builder ，nodewebkit

方法一. 使用 nodewebkit 进行打包

1. 下载 nodewebkit ，官网下载即可 

2.下载完成，将压缩包解压为文件夹 ，例子：下图

3.新建文件夹，其中需要有两个文件，package.json 文件和index.html 文件

4.将这两个文件打包为.zip格式的压缩包，然后修改压缩包后缀名为.nw。

5.将 步骤4生成的.nw文件复制到 步骤二的nw文件夹中

 6. 从nw文件夹进入cmd， 执行命令   copy /b nw.exe+1.nw app.exe

 7.执行上述命令后，在nw 文件夹会生成 app.exe 文件，双击可直接启动。注意：若此客户端需要正式使用，需要将整个 nw文件夹打包，作为客户端的安装目录。 下面是启动后的样子.

方法二：使用 electron-builder打包

1. 在项目目录下执行 vue add electron-builder 命令，安装electron-builder插件，安装失败或中途停止，可是出 node_module 文件夹，用cnpm install  来安装，安装完成后，查看 package.json文件，在src 目录下也会多出一个 background.js文件。

 2. 使用 npm run electron:serve 启动服务.

3.使用 npm run electron:build 打包项目。此命令运时会在 终端下载 4个文件，大概率下载失败，所以推荐  CNPM Binaries Mirror 下载，或者去 github 手动下载。下载完成后解压放入 C:\Users\Administrator\AppData\Local\electron\Cache  文件夹，重新打包即可。

4.以上步骤完成，在项目根目录下会生成一个 dist_electron 文件夹.里面包含客户端安装文件（Setup）及未压缩的安装包（里面包含可直接运行的客户端exe文件）

5.针对 electron-builer 打包的配置问题 ，在项目根目录下新建 vue.config.js 文件，如下图：

详细的配置可看：Common Configuration - electron-builderhttps://www.electron.build/configuration/configuration

注意​​​​​​​ ：electron-builder 打包的项目上线后会出现 跨域问题。可通过 在background.js 中 配置解决，如下图：

​​​​​​​