您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

Electron 简介

时间:2021-05-18 10:51:10  来源:  作者:MAO大侠

本教程我们来学习 Electron 的基础知识,下面我们先来学习一下什么是 Electron。

Electron是什么

Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js(作为后端)和 Chromium(作为前端)完成桌面 GUI 应用程序的开发。

Electron 可以用于构建具有 htmlcssJAVAScript 的跨平台桌面应用程序,它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点,应用程序可以打包到 macwindows 和 linux 系统上。

发展历程

2013 年的时候,Atom 编辑器问世,作为实现它的底层框架 Electron 也逐渐被熟知,到 2014 年春季被开源,那时它还是叫 Atom Shell。接下来的几年,Electron 在不断的更新迭代,几乎每年都有一个重大的里程碑:

  • 2013年4月,Electron 以 Atom Shell 为名起步。
  • 2014年5月,Atom 以及 Atom Shell 以 MIT 许可证开源。
  • 2015年4月,项目被重命名为 Electron。
  • 2016年5月11日,电子版发布 v1.0.0 版本。
  • 2016年5月20日,允许向Mac应用商店提交软件包。
  • 2016年8月2日,支持Windows商店
  • 2018年5月2号发布的2.0.0

支持平台

目前支持 Electron 的平台有 OS X、Windows、Linux:

  • OS X:对于 OS X 系统仅有 64 位的二进制文档,支持的最低版本是 OS X 10.8。
  • Windows:仅支持 Windows 7 及其以后的版本,之前的版本中是不能工作的。对于 Windows 提供 x86 和 amd64 (x64) 版本的二进制文件。需要注意的是 ARM 版本的 Windows 目前尚不支持。
  • Linux:预编译的 ia32(i686) 和 x64(amd64) 版本 Electron 二进制文件都是在 Ubuntu 12.04 下编译的,arm 版的二进制文件是在 ARM v7(硬浮点 ABI 与 Debian Wheezy 版本的 NEON)下完成的。预编译二进制文件是否能够运行,取决于其中是否包括了编译平台链接的库,所以只有 Ubuntu 12.04 可以保证正常工作,但是 Ubuntu 12.04+ 、Fedora 21、Debian 8 等平台也被证实可以运行 Electron 的预编译版。

Electron的优缺点

Electron 的优点如下所示:

  • 部署升级方便,用户可以通过浏览器就可以访问。
  • HTML/JS/CSS 编写,方便且高效。
  • 可支持 Windows、Linux 、Mac系统。

Electron 的缺点如下所示:

  • 对于开发者而言:浏览器适配比较繁琐。有些应用必须指定浏览器版本(比如 OCX 必须是 IE 内核, H5 必须是较高版本),必须打开浏览器,输入一长串 URL 地址。
  • 对于用户:传统行业中部分用户对 web 应用不习惯,尤其是使用专业工具软件,大多数会觉得 web 应用没有桌面应用用起来踏实。

基于Electron实现的软件

Electron 现已被多个开源应用软件所使用,其中被广大程序员所熟知和使用的 Atom 、支付宝小程序 IDE、 Visual Studio Code 编辑器就是基于 Electron 实现的。

我们打开 Visual Studio Code 编辑器,找到菜单中的 “帮助 --> 切换开发人员工具”,如下图:

Electron 简介

 

然后就可以在界面上看到我们熟悉的 Chrome devtool,如下图所示:

Electron 简介


Tags:Electron   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
Electron.NET是一个嵌入了ASP.NET Core的Electron的封装,通过Electron.NET可以构建基于.NET5的跨平台的桌面应用,使得开发人员只需要使用ASP.NET Core和 Blazor就可以胜任桌面...【详细内容】
2021-11-30  Tags: Electron  点击:(24)  评论:(0)  加入收藏
1.vue create demo2.vue ui3.搜索 vue-cli-plugin-electron-builder,勾选,安装4.npm run electron:serve5.npm run electron:build6.build complete!构建完成!构建完成后,看一...【详细内容】
2021-09-09  Tags: Electron  点击:(63)  评论:(0)  加入收藏
本教程我们来学习 Electron 的基础知识,下面我们先来学习一下什么是 Electron。Electron是什么Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js(作为后端)和 Chr...【详细内容】
2021-05-18  Tags: Electron  点击:(714)  评论:(0)  加入收藏
目前electron最新稳定版本为v11.2.1,star高达89.2K+。# 官网地址https://www.electronjs.org/# 仓库地址https://github.com/electron/electron有数千个超优秀的软件是基于E...【详细内容】
2021-02-08  Tags: Electron  点击:(1228)  评论:(0)  加入收藏
开发electron客户端程序,打包是绕不开的问题。如何使用来源:https://www.php.cn/div-tutorial-411690.htmlbuilder的使用和配置都是很简单的builder配置有两种方式package.jso...【详细内容】
2020-08-07  Tags: Electron  点击:(129)  评论:(0)  加入收藏
▌简易百科推荐
近日只是为了想尽办法为 Flask 实现 Swagger UI 文档功能,基本上要让 Flask 配合 Flasgger, 所以写了篇 Flask 应用集成 Swagger UI 。然而不断的 Google 过程中偶然间发现了...【详细内容】
2021-12-23  Python阿杰    Tags:FastAPI   点击:(6)  评论:(0)  加入收藏
文章目录1、Quartz1.1 引入依赖<dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> <version>2.3.2</version></dependency>...【详细内容】
2021-12-22  java老人头    Tags:框架   点击:(11)  评论:(0)  加入收藏
今天来梳理下 Spring 的整体脉络啦,为后面的文章做个铺垫~后面几篇文章应该会讲讲这些内容啦 Spring AOP 插件 (了好久都忘了 ) 分享下 4ye 在项目中利用 AOP + MybatisPlus 对...【详细内容】
2021-12-07  Java4ye    Tags:Spring   点击:(14)  评论:(0)  加入收藏
&emsp;前面通过入门案例介绍,我们发现在SpringSecurity中如果我们没有使用自定义的登录界面,那么SpringSecurity会给我们提供一个系统登录界面。但真实项目中我们一般都会使用...【详细内容】
2021-12-06  波哥带你学Java    Tags:SpringSecurity   点击:(18)  评论:(0)  加入收藏
React 简介 React 基本使用<div id="test"></div><script type="text/javascript" src="../js/react.development.js"></script><script type="text/javascript" src="../js...【详细内容】
2021-11-30  清闲的帆船先生    Tags:框架   点击:(19)  评论:(0)  加入收藏
流水线(Pipeline)是把一个重复的过程分解为若干个子过程,使每个子过程与其他子过程并行进行的技术。本文主要介绍了诞生于云原生时代的流水线框架 Argo。 什么是流水线?在计算机...【详细内容】
2021-11-30  叼着猫的鱼    Tags:框架   点击:(21)  评论:(0)  加入收藏
TKinterThinter 是标准的python包,你可以在linx,macos,windows上使用它,你不需要安装它,因为它是python自带的扩展包。 它采用TCL的控制接口,你可以非常方便地写出图形界面,如...【详细内容】
2021-11-30    梦回故里归来  Tags:框架   点击:(26)  评论:(0)  加入收藏
前言项目中的配置文件会有密码的存在,例如数据库的密码、邮箱的密码、FTP的密码等。配置的密码以明文的方式暴露,并不是一种安全的方式,特别是大型项目的生产环境中,因为配置文...【详细内容】
2021-11-17  充满元气的java爱好者  博客园  Tags:SpringBoot   点击:(25)  评论:(0)  加入收藏
一、搭建环境1、创建数据库表和表结构create table account(id INT identity(1,1) primary key,name varchar(20),[money] DECIMAL2、创建maven的工程SSM,在pom.xml文件引入...【详细内容】
2021-11-11  AT小白在线中  搜狐号  Tags:开发框架   点击:(29)  评论:(0)  加入收藏
SpringBoot开发的物联网通信平台系统项目功能模块 功能 说明 MQTT 1.SSL支持 2.集群化部署时暂不支持retain&will类型消 UDP ...【详细内容】
2021-11-05  小程序建站    Tags:SpringBoot   点击:(55)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条