美文网首页Web前端之路Electron
electron-vue的安装踩坑教程

electron-vue的安装踩坑教程

作者: JSPatrick_ | 来源:发表于2019-07-01 23:16 被阅读3次

    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应该就可以安装上了,这个时候基本上大功告成,这里的安装说的是全局安装,你的项目安装还有个问题,那就是electron-vue的默认electron和下载的版本不一致的问题,去到项目的packdge.json,找到electron依赖,将版本修改为下载的版本,就大功告成了!

    相关文章

      网友评论

        本文标题:electron-vue的安装踩坑教程

        本文链接:https://www.haomeiwen.com/subject/aseocctx.html