一、Electron 的介绍

 

Electron 是由 Github 开发的一个跨平台的桌面应用开发框架，可以让我们用 html css js

的技术开发桌面上面可以安装的软件。

实际上,桌面应用的历史并不算久远,不去查找各种资料,仅凭记忆,我能想到的曾经出现 过的桌面应用编写语言就有:C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、 Objective-C、Swift...或许还有更多。

截止 2021-9-16: Electron Github 的 star 已经达到 99.8k，那么他的用户量可能已经超 过 100 万了。还有大家知道的 github 的 atom 编辑器、微软的 vscode 编辑器、Facebook Messenger、Microsoft Teams、包括阿里内部的一些软件也是用 electron 开发的。既然这么 热，那就一个字:学。

Github 地址:https://github.com/electron/electron 官网:https://www.electronjs.org/

二、为什么要学 Electron

想起在网路里流传很广的一句话“不要和老夫说什么 C++，Java，老夫行走江湖就靠一把 JS， 遇到需求撸起袖子就是干”。是的 Electron 可以让我们用 html Css Js 的前端技术来开发跨平 台的桌面软件。

如果你有下面的需求建议学一下 Electron:
1、公司有开发桌面应用的需求。 (Electron 开发速度快、开发周期短、跨平台 、维护成

本低)

2、前端开发者想提升自己的技能，有必要学习一下 Electron，大家都会 Electron，所以我们 也得学。 (我们不知道 不代表别人也不知道)

3、开发开源软件 推广自己的产品 (如:atom 如:vscode )。
4、同样的功能 开发软件比开发网站更赚钱。 (网站: 4k- 5 万 app: 5 万-50 万

桌面软件:2万-50万元 ) 

三、关于 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。 

四、搭建 Electron 的环境

1、准备工作:
1、电脑必须安装 Nodejs, 推荐安装最新稳定版本(https://nodejs.org/en/)

2、电脑上面推荐安装 git 2、安装 electron 环境

或者

3、查看 Electron 的版本