解决npm安装electron很慢的问题

2020/04/13 15:42 下午 posted in  NPM

2022.06.30:淘宝修改了镜像地址为 https://npmmirror.com/mirrors/electron/
公告地址:https://developer.aliyun.com/mirror/NPM?spm=a2c6h.13651102.J_4121707010.1.3e221b11ums2um

无论是选择 electron-builder还是 electron-packager,甚至其它的各种流行 electron打包工具,总是会绕不开一个问题:脚本会下载特定版本的 electronprebuild版本。

而对于国内的广大 electron开发者来说,这个过程往往是非常漫长并且痛苦的。如何解决速度慢的这个问题呢?欢迎仔细阅

本文的主要测试环境是 windowmacnpm的版本号均为 5.6.0

适用症状

electron打包的时候,下载慢下载慢!有"下载龟速"的类似问题的同学,适合查看本篇内容。如果下载过程很快的话,就不需要查看本篇内容了。

特征就是下载这些特定版本的 electron的时候,速度是几K到几十K每秒的速度,甚至是直接下载失败。而通过本文的办法,这个速度可以提高到几M每秒,瞬间下载完毕。

预处理方案:淘宝 electron

淘宝的这个 electron镜像,真心是国内广大猿类的救星。本文中的主角也是这个 electron的淘宝镜像,地址如下:

简而言之,需要执行的前置命令是:

npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

解决方案一(win系统推荐)

对于win系统,可以修改全局变量,很简单。新建用户全局变量即可。如下所示:
名称为 ELECTRON_MIRROR,值为: http://npm.taobao.org/mirrors/electron/

注意,保存之后,要重新打开一个命令行窗体,这些全局变量才会生效!马上体验一下刷刷下载的感觉吧~ 对于国内用户来说,加速效果是非常的明显,效果特别好。

ps一下:这些下载好的文件,位于: %LOCALAPPDATA%/electron/Cache目录下面。

解决方案二(mac/centos系统推荐)

mac系统下,需要修改 /etc/bashrc 文件。见下图,在 /etc/bashrc 文件中,增加一条内容。当然,如果涉及到权限问题,下面的语句可以参考。

sudo vi /etc/bashrc
wq!

/etc/bashrc 文件中,要增加的设置:

export ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

修改保存之后,记得执行一下 source命令使变量及时生效。

source /etc/bashrc

解决方案三(通用)

这个方案不论系统,统一有效,就是在相关的命令之前都增加下面的命令。
比如运行 electron-packager ./的时候,增加 ELECTRON_MIRROR=类似字样:

ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ electron-packager ./

解决方案四(通用)

如果您不想修改环境变量的话,这里还有个比较适合小白的方式。就是使用迅雷下载好对应的安装 zip包和 SHASUM256.txt文件,然后复制到 electron的临时目录,然后再执行对应的命令,也是可以快速安装的。下载的地址是:

注意:这里的 SHASUM256.txt文件需要重命名一下,加上版本号的字样。例如: SHASUM256.txt-1.7.9

总结

手工安装特定版本的 electron的姿势如下,历史上曾经有过 electron-prebuild的表述,目前是过期的表述,目前两者已经统一为 electron字样了。

sudo npm install electron@5.7.0 -g