Electron[1] 缘起桌面应用

1 Electron是什么?

官方的解释:

复制代码
Build cross-platform desktop apps with JavaScript, HTML, and CSS

简单说,就是通过前端技术栈实现桌面应用的开发,桌面应用包括:linux、window、mac。

1.1 中文官网地址

Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

2 我与Electron结缘

2019年,因为汇报需要,我要完成一份汇报ppt,那会就想着怎么去创新。因为感觉使用传统ppt,总觉得缺少点什么,现在想想应该是缺少一点新意吧。就想自己倒腾一个ppt,一开始设想是开发一个静态页面,但是又觉得low了点。就想能不能用最简单的、最低的成本,做一个类似ppt的事情。于是百度上翻找一下,Electron就进入到我的视野了。又看到Vscode的开发技术栈,发现就是由Electron作为打包技术基础的,一下子,Electron就引起我的深度兴趣了。并于当年完成了一个基于Electron + Vue + ElementUI的桌面版ppt。

时隔4年多,到了2023年的今天,我开始想沉淀下这块的技术栈,并且想深入的应用下,以Electron作为桥梁与操作系统的交互api。所以有了该系列的文章了。

本系列文章,主要是分享如何从前端应用到一步步变成桌面应用的过程,以及这个过程,应用如何直接与操作系统通信,最重要的是分享,这个版本的Electron以及其配套的技术栈的使用技巧,以及遇到的问题的解决方案。

下一篇介绍Electron的使用准备。

相关推荐
闲云一鹤9 小时前
nginx 快速入门教程 - 写给前端的你
前端·nginx·前端工程化
QCY9 小时前
「完全理解」1 分钟实现自己的 Coding Agent
前端·agent·claude
一拳不是超人10 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
anyup10 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
雮尘10 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker10 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker11 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n11 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
Lee川11 小时前
从异步迷雾到优雅流程:JavaScript异步编程与内存管理的现代化之旅
javascript·面试
喝咖啡的女孩11 小时前
浏览器前端指南
前端