node环境安装electron

        文章目录

前言

一、安装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.0

C:\Users\H210>

安装node时会默认安装npm，执行npm -v查看已安装的npm版本号：

Microsoft Windows [版本 10.0.17763.5936]
(c) 2018 Microsoft Corporation. 著作權所有，並保留一切權利。

C:\Users\H210>npm -v
10.8.1

C:\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