文章目录
前言
一、安装node
二、使用步骤
1.配置npm环境
2.安装electron
总结
前言
Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。它基于 Node.js 和 Chromium，被 Atom 编辑器和许多其他应用程序使用。
Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。
一、安装node
下载并安装node Node.js — Run JavaScript Everywhere
安装完成执行node -v查看已版本号：
Microsoft Windows [版本 10.0.17763.5936]
(c) 2018 Microsoft Corporation. 著作權所有，並保留一切權利。C:\Users\H210>node -v
v20.15.0C:\Users\H210>安装node时会默认安装npm，执行npm -v查看已安装的npm版本号：
Microsoft Windows [版本 10.0.17763.5936]
(c) 2018 Microsoft Corporation. 著作權所有，並保留一切權利。C:\Users\H210>npm -v
10.8.1C:\Users\H210>二、使用步骤
1.配置npm环境
配置npm镜像地址、electron镜像地址及代理设置：
npm config set proxy=http://10.XXX.XXX.XXX:88
执行npm config edit，在打开的文本文件中直接输入：
registry=https://registry.npmmirror.com/
electron_mirror=https://npmmirror.com/mirrors/electron/
electron-builder-binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/ELECTRON_GET_USE_PROXY=1
GLOBAL_AGENT_HTTP_PROXY=http://10.xxx.xxx.xxx:88
GLOBAL_AGENT_HTTPS_PROXY=http://10.xxx.xxx.xxx:88
proxy=http://10.XXX.XXX.XXX:88华为镜像
registry=https://mirrors.huaweicloud.com/repository/npm/
electron_mirror=https://mirrors.huaweicloud.com/electron/
electron-builder-binaries_mirror=https://mirrors.huaweicloud.com/electron-builder-binaries/2.安装electron
npm install --save-dev electron
总结
--save：将保存配置信息到pacjage.json。默认为dependencies节点中。--save-dev：将保存配置信息到pacjage.json的devDependencies节点中。dependencies：运行时的依赖，发布后（生产环境）还需要用的模块。devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它。在 Electron 9，如果不在 WebPreferences 中显式开启 enableRemoteModule 参数，
就使用 remote 模块，将会开始发出警告。 在 Electron 10 中，remote 模块默认处于禁用状态。
如果要使用 remote 模块，必须在 WebPreferences 中指定 enableRemoteModule: true :
const w = new BrowserWindow({webPreferences: {enableRemoteModule: true}
})默认情况下，渲染器不为 nodeIntegration: true 将进行沙盒处理
之前, 指定预加载脚本的渲染器默认不启用沙盒。 这意味着默认情况下，预加载脚本可以访问Node.js。
在 Electron 20中，此默认值将被更改。 从Electron 20开始，渲染器 默认情况下会被沙盒化，
除非指定了 nodeIntegration: true 或 sandbox: false 。
如果预加载脚本不依赖于 Node，则无需执行任何操作。 如果 preload 脚本_依赖_于 Node，
请重构代码，或从渲染器中删除 Node 用法 ，或者显式指定相关渲染器 sandbox: false ：webPreferences: {sandbox: flase, },其它安装问题可参考官方文档：https://www.electronjs.org/zh/docs/latest/tutorial/%E5%AE%89%E8%A3%85
electron版本更新重大改动：
重大更改 | Electron