纸上得来终觉浅，绝知此事要躬行
初始化一个electron项目
使用electron-vue构建
1 | vue init simulatedgreg/electron-vue my-project |
使用electron-packer 进行打包
1 | electron-packager . --platform=win32 --arch=x64 --electron-version=1.6.8 --overwrite |
使用 electron-builder 打包
1 | npm config set electron_mirror http://npm.taobao.org/mirrors/electron/ |
执行上一步之后会在C:\Users\sqk_5\AppData\Local\electron-builder\cache\nsis-resources中生成一些文件
electron-builder可以再build目录下打包出一个.exe文件
使用electron-builder时build\win-unpacked\resources目录下会生成一个app.asar的压缩文件，这个文件包含了项目的内容，用来进行项目构建，这时需要在package.json文件中使用main指定app.asar中的渲染js文件，使用electron-vue则为：dist/electron/main.js。
tips:
压缩解压asar文件流程：
首先安装：
npm install -g asar打包命令：
asar pack your-app app.asar解压命令：
asar extract app.asar app
我使用electron-vue脚手架以及网易云音乐接口编写了一个网易云音乐客户端，第一次做electron项目，很丑功能也不多，做的不好请轻喷。