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

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

主讲教师：（大地）

合作网站：https://www.itying.com/ 大地老师专栏：https://www.itying.com/category-79-b0.html

一、Electron的介绍

Electron是由Github开发的一个跨平台的桌面应用开发框架，可以让我们用html css js的技术开发桌面上面可以安装的软件。

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

截止2022年1月5日： 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、准备工作： 01、电脑必须安装Nodejs, 推荐安装最新稳定版本（https://nodejs.org/en/） 02、电脑上面推荐安装git

2、安装electron环境

npm install -g electron

或者

cnpm install -g electron

3、查看Electron的版本