当前位置:首页 > 前端

electron 安装下载太慢的解决方案

Z先生5年前 (2021-07-20)前端978

最简单的方法修改为阿里的镜像源即可

  1. 打开设置
    npm config edit
    通过以上命令打开.npmrc文件
  2. 在文件最后追加
    ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
    ELECTRON_BUILDER_BINARIES_MIRROR=https://npm.taobao.org/mirrors/electron-builder-binaries/
  3. 安装(建议全局安装)
    安装electron框架
    npm install -g electron
    安装electron打包程序
    npm install -g electron-builder

如果安装过程中有类似以下提示

npm ERR! code EPERM
npm ERR! syscall rename

那么需要以管理员模式运行命令安装。

如果build过程中,有以下错误,那么请确保package.jsondevDependencies字段不能为空。

• electron-builder  version=22.11.7 os=10.0.19043
• loaded configuration  file=package.json ("build" field)
⨯ Cannot compute electron version from installed node modules - none of the possible electron modules are installed.
See https://github.com/electron-userland/electron-builder/issues/3984#issuecomment-504968246
npm ERR! code ELIFECYCLE

我的解决方案是在package.json文件中,devDependencies下加入虚拟的内容。不过只要全局安装了,不用再npm install

  "devDependencies": {
    "electron": "12.0.2",
    "electron-builder": "22.8.1"
  },

另外我在白云苍狗壁纸APP上提炼了一个开发框架,这里打包提供下载。
readme.md里面有具体说明
https://gitee.com/mr-joe/electron-exe

分享给朋友:

相关文章

小程序二维码传参处理&UNIAPP H5传参兼容处理

首先小程序生成二维码,我这里调用的接口是:getUnlimited,我传递的参数是:invite=10001接着就是小程序中处理,如果直接扫二维码在App.vue的onLaunch中,使用decode…

简易CSS3仿照微信对话框

惯例,直接上代码HTML代码:<div class="say-box say-left"> <div class="s…

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

核心HTML代码:核心点:外层类“submenu-warp”子菜单类:“submenu”<div data-href="#mainurl" class=&…

字体图标的妙用

什么是字体图标对于前端的小伙伴来说,字体应该是再熟悉不过的东西了,对于文字我们可以通过css指定文字对应的字体,字号大小,颜色。得益于css3,我们还可以在css中引入服务端字体来实现自定义字体。而字…

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm …

ColorUI色系

ColorUI色系

                          …

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。