electron离线安装

公司因为安全原因，导致连不上npm的镜像，查找了资料，终于找到一种离线安装 electron 全局开发环境的方法，分享并记录一下:

ps: 如果能用淘宝镜像，直接设置npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/ ，最方便，速度也快

准备工作

1. 安装node环境
2. 下载electron的zip包，前往淘宝镜像站选择最新稳定版下载
3. electron淘宝镜像下载地址: https://npm.taobao.org/mirrors/electron
4. 下载electron-v12.0.7 版本

• window版本zip: electron-v12.0.7-win32-x64.zip
• mac版本zip: electron-v12.0.7-darwin-x64.zip

相关流程:

1. 在项目npm install安装依赖过程中，在安装electron时，如下图，按ctrl + c退出
2. 在node_modules文件夹中，找到electron文件夹，打开install.js文件，找到如下代码

 

         

         将方法downloadArtifact注释掉，替换为 extractFile('electron-v12.0.7-win32-x64.zip');

         最终如下图:

         

    3. 把electron-v12.0.7-win32-x64.zip包放到electron目录下

    4.用终端打开electron文件夹, 输入命令node install.js，生成出dist文件夹，即完成

 

如果要全局安装electron, 即npm i electron -g，和上述步骤一样

全局的目录地址为: C:\Users\username\AppData\Roaming\npm\node_modules\electron