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开始撸代码吧!