electron 是通过将网页打包成 win,Mac 等平台的工具, electron-vue 集成了很多 vue 开发的插件, 但实际上使用过程中一步一个坑, 要使用上还是要很多步操作的.
首先需要安装 Node.JS, 这里不赘述过程, 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 应该就可以安装上了, 这个时候基本上大功告成, 这里的安装说的是全局安装, 你的项目安装还有个问题, 那就是 electron-vue 的默认 electron 和下载的版本不一致的问题, 去到项目的 packdge.JSON, 找到 electron 依赖, 将版本修改为下载的版本, 就大功告成了!
来源: http://www.jianshu.com/p/63d3eeb32b51