安装 Electron 的正确姿势

一、安装 Electron 的正确姿势

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

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

二、其他相似命令

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

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