当前位置：首页 > news >正文

01_Electron 跨平台桌面应用开发介绍

news 2025/7/18 13:52:29

Electron 跨平台桌面应用开发介绍

一、Electron 的介绍
二、关于 NW.js 和 Electron 介绍
三、搭建 Electron 的环境
- 1、准备工作：
- 2、安装 electron 环境
- 3、查看 electron 的版本，`electron -v`

一、Electron 的介绍

Electron 是由 Github 开发的一个跨平台的桌面应用开发框架，可以让我们用 html、css、js 的技术开发桌面上可以安装的软件。
使用传统语言开发桌面应用，开发成本高。

github 的 atom 编辑器，vscode都是使用 Electron 开发的。

如果由下面的需求建议学一下 Electron：
1、公司有开发桌面应用的需求。（Electron 开发速度快、开发周期短、跨平台、维护成本低）
2、前端开发者想提升自己的技能，有必要学习一下 Electron，大家都会 Electron，所以我们也得学。（我们不知道，不代表别人也不知道）
3、开发开源软件，推广自己的产品（如 atom、vscode 编辑器）
4、同样的功能，开发软件比开发网站更赚钱。（网站：4k-5w， app：5w-50w, 桌面软件：2w-50w）

二、关于 NW.js 和 Electron 介绍

NW.js 和 Electron 都可以用前端的知识来开发桌面应用。NW.js 和 Electron起初是同一个作者开发。后来种种原因分为两个产品。一个命名NW.js（英特尔公司提供技术支持）、另一个命名为 Electron （Github 公司提供技术支持）。

NW.js 和 Electron 可以用 Nodejs 中几乎所有的模块。NW.js 和 Electron 不仅可以把 html 写的 web 页面打包成跨平台可以安装到电脑上面的软件，也可以通过 JavaScript 访问操作系统原生的 UI 和API（控制窗口、添加菜单项目、托盘应用菜单、读写文件、访问剪切板）。
目前用的比较多的还是 Electron。