公司因为安全原因,导致连不上npm的镜像,查找了资料,终于找到一种离线安装 electron 全局开发环境的方法,分享并记录一下:
ps: 如果能用淘宝镜像,直接设置npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/ ,最方便,速度也快
准备工作
- 安装node环境
- 下载electron的zip包,前往淘宝镜像站选择最新稳定版下载
- electron淘宝镜像下载地址: https://npm.taobao.org/mirrors/electron
- 下载electron-v12.0.7 版本
- window版本zip: electron-v12.0.7-win32-x64.zip
- mac版本zip: electron-v12.0.7-darwin-x64.zip
相关流程:
- 在项目npm install安装依赖过程中,在安装electron时,如下图,按ctrl + c退出
- 在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