electron-builder + vue 搭建桌面应用

最近又在慢慢的摸索Electron了，重新研究了一套应用搭建过程，感觉比之前的更香，记录一下~

前提：安装好了 Nodejs 环境

1、安装 Vue Cli

npm install -g @vue/cli

1.5、安装 淘宝镜像 cnpm ( 因 electron 包 特别大， npm 或 yarn 的 方法 需要等待很长时间 )（可以跳过~）

npm install -g cnpm --registry=https://registry.npm.taobao.org
或者 
npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/

2、全局安装 Electron

cnpm install electron -g

3、使用 vue-cli 搭建基础 vue 框架

vue create electron-demo

4、vue项目中添加 electron 模块

vue add electron-builder

5、遇到 node_modules/electron 相关报错信息，先删除node_modules/electron 文件夹再重新使用 cnpm install，包治百病

6、运行

npm run electron:serve

7、打包

npm run electron:build

windows 和 mac 打包命令相同，需要在不同的设备上进行打包