electron-vue的安装踩坑教程

electron是通过将网页打包成win、mac等平台的工具，electron-vue集成了很多vue开发的插件，但实际上使用过程中一步一个坑，要使用上还是要很多步操作的。
注意点如下：

• node.js的安装就不细说了
• 首先需要安装vc++环境，这里推荐一下DirectX修复工具v3.8
• 其次是electron的安装，我选择的是从淘宝npm下载
  • 最开始我以为的是electron版本可变，但是我使用了最新版后出现了些问题，所以还是将就了packdge.json里的2.0.4
  • 这里需要注意，需要下载electron-v5.0.6-win32-x64.zip和SHASUMS256.txt两个文件，安装Electron时会判断缓存中是否有要下载的zip包
    根据 electron-download的描述,缓存的位置取决于操作系统，默认值为：
    Linux：$XDG_CACHE_HOME或~/.cache/electron/
    苹果系统：~/Library/Caches/electron/
    Windows：$LOCALAPPDATA/electron/Cache或~/AppData/Local/electron/Cache/
    把下载好的两个文件放入缓存位置
  • 本以为这就完了，事实上这个缓存并不是想象中的方式运作，它的运作方式是，当你全局安装electron的时候，它会拉到服务器上最新的版本来对比缓存，也就是说，如果下载的缓存文件不是最新版本，那它还是会去下载最新版本，此时electron的安装应当是把下载好的缓存压缩文件直接解压缩，把解压缩文件夹的目录添加到path环境变量即可。
• 此时electron应该就可以安装上了，这个时候就大功告成，npm run build开始撸代码吧！