美文网首页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的安装踩坑教程

    electron是通过将网页打包成win、mac等平台的工具,electron-vue集成了很多vue开发的插件,...

  • flutter-Mac系统下安装之export PATH=`pw

    安装教程参考flutter中文网:安装教程 1.踩坑 在执行export PATH=pwd/flutter/bin...

  • electron-vue技术篇

    一份针对于electron-vue项目整理的搭建、运行、打包过程的踩坑总结分享 首先为了保证安装效率,采用cnpm...

  • 【Electron学习笔记02】使用electron-vue框架

    electron-vue官方中文教程electron-vue github地址 1.安装最新的vue 2.运行测试...

  • 踩坑 electron-vue

    第一次开发桌面应用。在此记录使用electron-vue搭建桌面版应用所遇到的问题。 process is not...

  • SCENIC安装踩坑教程

    一、官方提供的安装方法 #详细的安装教程参考官网 https://github.com/aertslab/SCEN...

  • MacOS下Python安装BaseMap包

    官方安装教程在这里 但是官方教程有坑,又介于刚刚接触macos这类unix系统不久,很多相关知识不充足,所以踩了...

  • CentOS 7安装svn服务器

    如何安装svn服务,网上有大把教程,这里就不啰嗦了。重点记录踩的坑 一、如何使svn自启动 通过yum安装的svn...

  • Cuckoo SandBox V2.0.4安装指南

    Cuckoo SandBox V2.0.4踩坑笔记。目前网上大部分Cuckoo的安装教程为2.0版本的Cuckoo...

  • 安装nodejs踩得坑

    昨天安装一个nodejs,yum安装的版本太低了,根据网上的教程安装踩了n多的坑,后来发现一个很好的办法,node...

网友评论

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

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