Electron实战之入门

9月前作者：xiangzhihong8 分类：Toy博客阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了Electron实战之入门。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、Electron简介

1.1 Electron是什么

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的技术框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许开发者使用 JavaScript 代码来创建允许在Windows、macOS和Linux等平台。

1.2 发展历程

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

2013年4月，Electron 以 Atom Shell 为名起步。
2016年5月11日，电子版发布 v1.0.0 版本。
2018年5月2号发布的2.0.0
2018年9月18日Electron 发布的3.0.0
2018年12月20日Electron 发布的4.0.0
2019年4月23日Electron 发布的5.0.0
2019年7月30日Electron 发布的6.0.0
2019年10月22日Electron 发布的7.0.0
2020年2月4日Electron 发布的8.0.0
2020年5月19日Electron 发布的9.0.0
2020年8月25日Electron 发布的10.0.0
2020年11月17日Electron 发布的11.0.0
2021年3月2日Electron 发布的12.0.0文章来源地址https://www.toymoban.com/news/detail-834809.html

到了这里，关于Electron实战之入门的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Electron实战之菜单与托盘

菜单、托盘是桌面端应用必备的功能之一，我们通常会在菜单上配置应用常用的：偏好设置、显示隐藏、打开文件等功能，在托盘内设置：退出、重启、帮助等辅助性功能，帮助用户方便快捷地控制应用的一些系统功能。系统托盘实际上也是一个菜单，通过点击鼠标触发。

2024年02月20日
浏览(29)
vite + electron 构建前端桌面应用程序

npm yarn 选择是否继续项目名称选择框架选择项目语言项目构建成功，根据提示进入项目目录，安装依赖 electron 官网：https://www.electronjs.org/zh/docs/latest/ vite-plugin-electron ：https://github.com/electron-vite/vite-plugin-electron 安装依赖（electron 安装比较慢，耐心等待即可）编写 Electron 入

2024年02月06日
浏览(50)
前端（Electron Nodejs）如何读取本地配置文件

使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的

2024年02月16日
浏览(48)
Electron入门，项目启动。

electron 简单介绍：实现：HTML/CSS/JS桌面程序，搭建跨平台桌面应用。 electron 官方文档： [ https://electronjs.org/docs ] 本文是基于以下2篇文章且自行实践过的，可行性真实有效。文章1： https://www.cnblogs.com/sunshine-blog/p/9915222.html 文章2：https://jingyan.baidu.com/album/9225544671aecf851648f484.h

2024年02月12日
浏览(34)
electron框架的自定义外部配置文件的配置与读取

在vue2.6版本后，会生成vue.config.js文件，本文章主要讲解如何在vue中，如何生成electron的外部配置文件，与如何读取外部配置文件。首先，要在项目下新建一个config.json文件，然后再config文件中，写入一些信息。然后在 vue.config.js 中写入配置，通知electron在打包时，不要将指定

2024年02月05日
浏览(37)
Electronjs入门-Electron中的主要模块

在本节中，我们将了解在Electron中创建任何应用程序时的一些基本模块；这些模块多种多样，使我们能够轻松地进行进程通信，创建操作系统的本地菜单。为了利用Electron模块，以及任何第三方或Node模块，不仅在主流程中，而且在渲染或网页流程中，我们需要为该流程启用与

2024年02月07日
浏览(37)
纯前端ELECTRON+VUE+FFMPEG实现多路播放RTSP流

近期有项目需求前端播放rtsp视频流，项目是由electron+vue3搭建，没有后端，因此需要在前端实现解析rtsp流及播放，经过多方考察最后选用了ffmpeg+jsmpeg方案实现，具体实现是参考了@牧也の旅行大佬的这篇文章原文地址实现的，感谢@牧也の旅行一直在回复我的各种小白问题，

2024年02月04日
浏览(36)
跨平台的桌面应用程序开发框架Electron | 开源日报 0906

Stars: 109.3k License: MIT Electron 是一个基于 Node.js 和 Chromium 的开源框架，允许使用 JavaScript、HTML 和 CSS 编写跨平台的桌面应用程序。它被 Atom 编辑器等众多应用程序所采用。该项目具有以下核心优势：跨平台：Electron 提供了 macOS、Windows 和 Linux 三个主要操作系统的二进制文件。

2024年02月09日
浏览(57)
electron桌面应用开发——快速入门教程

本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目,带你快速入门。 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用的框架。通过将 Chromium 和 Node.js 嵌入到其二进制文件中，Electron 允许你维护一个 JavaScript 代码库并创建可在 Windows、macOS 和 Linux 上运行的跨平

2024年01月17日
浏览(75)
桌面软件开发框架 Electron、Qt、WPF 和 WinForms 怎么选？

Electron 是一个基于 Web 技术的跨平台桌面应用程序开发框架。它使用 HTML、CSS 和 JavaScript 来构建应用程序界面，并借助 Chromium 渲染引擎提供强大的页面渲染能力。Electron 的主要特点包括：跨平台：Electron 可以在 Windows、macOS 和 Linux 等多个主流操作系统上运行，为开发者提供了

2024年02月12日
浏览(46)