在安装 Electron 依赖的时候经常会安装失败，是因为安装需要从 GitHub 下载，出现的网络无法连接，不稳定的原因。

解决方案

设置代理

通过设置代理来解决网络无法连接的问题，但是需要确保代理网络的稳定性。

设置国内镜像源

设置国内镜像源是最常用的设置方式。该方式不仅适用于解决 Electron 下载的问题，对于其他依赖问题也可以很好的解决。

Electron 镜像源加速方式：

  1. 在 .npmrc 或 .yarnrc 里面设置，仅限 yarn@v1

    # .npmrc
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/

# .yarnrc
ELECTRON_MIRROR "https://npmmirror.com/mirrors/electron/"
ELECTRON_BUILDER_BINARIES_MIRROR "https://npmmirror.com/mirrors/electron-builder-binaries/"

  2. 设置环境变量

    export ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
export ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/

PS: 淘宝镜像源链接：https://registry.npmmirror.com/

直接下载

通过 https://github.com/electron/electron/releases 直接下载对应平台对应架构的 zip 文件，解压出来放置 node_modules/electron/dist/ 目录下面

应用

Electron 官方提供了一个 Hello World 的代码示范：https://github.com/electron/electron-quick-start

Linux

需要在有图形界面的 Linux 操作系统下。

在 Linux 下载 Electron 时，可以在 /tmp/electron-download-xxx/ 里查看正在下载的 Electron 包大小。

Windows

在 Windows 工作目录下如果使用 WSL 作为终端，如果直接安装，会安装 linux 平台的 Electron 版本。

  • 可以使用 npm install --platform=win32 electron 指定安装 Windows 版本的 Electron。
  • 可以设置环境变量：npm_config_platform=win32 指定安装 Windows 版本的依赖。

注意：WSL 如果没有图形界面的话，是无法运行 Electron 项目，即使安装在 WSL 下安装的 Electron 是 exe 文件，运行会报错。所以 Electron 项目不要在无图形界面的 WSL 安装。

带 GUI 的 WSL2 未测试，理论上跟有图形界面的 Linux 操作系统一致。（带测试）

补充

架构

主要有 X64, ARM64 和 ia32 架构。

  • npm install --arch=x64 electron
  • npm install --arch=ia32 electron
  • npm install --arch=ARM64 electron

平台

主要有 Windows, Linux 和 macOS。

  • npm install --platform=win32 electron
  • npm install --platform=linux electron
  • npm install --platform=mas electron
  • npm install --platform=darwin electron

参考链接