一、安装 Electron 的正确姿势

在空文件夹下打开你的CMD窗口,运行以下命令

set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/&& npm install electron --save-dev

Electron安装命令效果图

二、其他相似命令

set ELECTRON_MIRROR=https://repo.huaweicloud.com/electron/&& npm install

三、其他镜像

阿里镜像

npm --registry https://registry.npmmirror.com  --save-dev install electron

华为镜像

npm --registry https://mirrors.huaweicloud.com/repository/npm/ --save-dev install electron

腾讯镜像

npm --registry http://mirrors.cloud.tencent.com/npm/ --save-dev install electron

中科大镜像

npm --registry https://npmreg.proxy.ustclug.org/ --save-dev install electron

浙江大学

npm --registry https://mirrors.zju.edu.cn/npm --save-dev install electron

四、离线安装

四 - 1.买U盘,去网吧

U盘代指任何形式的文件载体或传输文件手段。
网吧代指任何有电脑、网络良好并且能访问npm官方或镜像服务器站点的地方。
提前准备好nvm/node/npm环境。
确保有一款压缩软件可以使用,例如Bandizip。

四 - 2.下载electron

运行以下命令

cmd /v /k "set ELEDIR=electron-offline_%date:~5,2%%date:~8,2%_%time:~0,2%%time:~3,2%%time:~6,2%_%time:~9,2%&&md !ELEDIR!&&cd !ELEDIR!&&set ELECTRON_MIRROR=https://cdn.npmmirror.com/binaries/electron/&&npm install electron --save-dev --global-style&&cd node_modules&&start ."

你会得到一个自动弹出的文件夹(.bin文件夹没用,.json文件也没用)
在这里插入图片描述

四 - 3.压缩electron

用Bandizip(一款压缩软件).\electron-offline_****_******_**\node_modules\electron文件夹压缩为electron.tgz
得到的electron.tgz就是electron安装包,保存到U盘中并去到你想去的地方,例如尼莫点。
注意:npm install命令仅支持.tar .tar.gz .tgz3种压缩格式。
.tgz优于.tar.gz.tar.gz优于.tar
虽然.tgz就是.tar.gz,但是总有笨比会以为.tar.gz.gz导致文件损坏
.tar格式仅支持文件合并功能,并不支持压缩算法,更谈不上什么压缩率,对文件的保存和传输不友好

四 - 4.离线安装electron

你已经可以带着electron.tgz到处跑了,那么,带着你的电脑配件划船去尼莫点,现场安装一台电脑,现场安装Windows11系统,在桌面上新建一个空的文件夹
electron.tgz复制到空的文件夹里,运行以下命令安装electron

npm install electron.tgz --save-dev

安装完成!
安装完记得回家,那个地方很邪乎,天上会掉铁疙瘩砸死人

五、半离线安装

以22.1.0版本为例,使用的压缩软件为Bandizip

五 - 1.下载npmmirror提供的electronTarball(Tarball压缩包)

访问网址:https://npmmirror.com/package/electron/,点击Tarball,下载Tarball压缩包
在这里插入图片描述
electron-22.1.0.tgz重命名为_electron-22.1.0.tgz(改名免得冲突)

五 - 2.下载electronzip(zip压缩包)

访问以下网址下载electron-v22.1.0-win32-x64.zip
npmmirror提供的electron二进制文件
npmmirror提供的electron-v22.1.0二进制文件下载地址
electron的Github发行版页面
Github提供的electron下载地址
GitHub加速下载 - welab
Git Release 下载加速 - Doget

五 - 3.将zip包放进Tarball包

解压_electron-22.1.0.tgz,解压后的文件夹名称由package改为electron-22.1.0
将electron-v22.1.0-win32-x64.zip放进electron-22.1.0文件夹

五 - 4.修改安装逻辑

编辑.\electron-22.1.0\install.js,注释downloadArtifact代码
修改前

// downloads if not cached
downloadArtifact({
  version,
  artifactName: 'electron',
  force: process.env.force_no_cache === 'true',
  cacheRoot: process.env.electron_config_cache,
  checksums: process.env.electron_use_remote_checksums ? undefined : require('./checksums.json'),
  platform,
  arch
}).then(extractFile).catch(err => {
  console.error(err.stack);
  process.exit(1);
});

修改后

extractFile('electron-v22.1.0-win32-x64.zip');
// downloads if not cached
// downloadArtifact({
//   version,
//   artifactName: 'electron',
//   force: process.env.force_no_cache === 'true',
//   cacheRoot: process.env.electron_config_cache,
//   checksums: process.env.electron_use_remote_checksums ? undefined : require('./checksums.json'),
//   platform,
//   arch
// }).then(extractFile).catch(err => {
//   console.error(err.stack);
//   process.exit(1);
// });

五 - 5.重新创建Tarball压缩包

将electron-22.1.0文件夹压缩为electron-22.1.0.tgz,就好像无事发生一样

五 - 6.半离线安装electron

带着你的electron-22.1.0.tgz文件到网络不好的地方,运行以下命令安装electron

npm install electron-22.1.0.tgz --save-dev

8秒安装完成(其中有4秒用来解压,本地操作和网络无关)

其他、Electron安装报错 RequestError: read ECONNRESET

网上教的什么?修改文件?安装失败整个文件夹都是空的,谁给你的机会修改什么文件?莫名其妙

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐