electron是通过将网页打包成win、mac等平台的工具,electron-vue集成了很多vue开发的插件,但实际上使用过程中一步一个坑,要使用上还是要很多步操作的。
首先需要安装nodejs,这里不赘述过程,python需要2.x版本,python环境是否为必要我并不清楚,但是过程中报过错,索性就装了py,这里也不讲解py的安装。
注意点如下:
- 首先需要安装vc++环境,这里推荐一下DirectX修复工具v3.8
- 其次是electron的安装,我选择的是从淘宝npm下载
- 这里需要注意,需要下载electron-v5.0.6-win32-x64.zip和SHASUMS256.txt两个文件,安装Electron时会判断缓存中是否有要下载的zip包,如果没有的话就去下载这个zip包。
但是往往下载这个zip包时非常慢,总是下载不成功。
首先要知道缓存位置在哪,根据 electron-download的描述,缓存的位置取决于操作系统,默认值为:
Linux:$XDG_CACHE_HOME或~/.cache/electron/
苹果系统:~/Library/Caches/electron/
Windows:$LOCALAPPDATA/electron/Cache
或~/AppData/Local/electron/Cache/
- 这里需要注意,需要下载electron-v5.0.6-win32-x64.zip和SHASUMS256.txt两个文件,安装Electron时会判断缓存中是否有要下载的zip包,如果没有的话就去下载这个zip包。
- 此时electron应该就可以安装上了,这个时候基本上大功告成,这里的安装说的是全局安装,你的项目安装还有个问题,那就是electron-vue的默认electron和下载的版本不一致的问题,去到项目的packdge.json,找到electron依赖,将版本修改为下载的版本,就大功告成了!
网友评论