大前端-electron

最新推荐文章于 2025-08-15 09:17:28 发布
原创 最新推荐文章于 2025-08-15 09:17:28 发布 · 554 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron

本文分享了使用跨平台桌面应用开发框架Electron的历程。Electron可助力开发者跨越不同平台进行桌面应用开发，作者讲述了在使用该框架过程中的相关体验。
【前端】【Electron】Electron 知识点详解，看着一篇文章就够了
qq_59344127的博客
03-30 1359
Electron 知识点详解第一章：Electron 入门与核心概念什么是 Electron？为什么选择 Electron？Electron 的主要挑战/缺点：核心架构：主进程 (Main Process) 与渲染进程 (Renderer Process)第二章：环境搭建与基础项目环境要求：创建基础项目： 关键配置： (主进程) 基础代码： (渲染进程) 基础代码：启动与调试：第三章：主进程 (Main Process) 详解 模块： 模块： 选项 (在 中配置):第四章：渲染进程 (Renderer P
大前端 - 泛客户端 - Electron
weixin_38245947的博客
06-27 1620
Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。使用 Web 前端技术来开发一个桌面 GUI 程序是一件多么炫酷的事情，你可以使用 HTML、CSS 来绘制界面和控制布局，使用 JavaScript 来控制用户行为和业务逻辑，使用 Node.js 来通信、处理音频视频等，几乎所有的 Web 前端技术和框架（jQuery、Vue、React、Angular 等）都可以应用到桌面 GUI 开发中。至此，JavaScript 这门神奇的语言除了能开发 Web 前端、Web
前端必备：Electron基础全解析
yan1915766026的博客
12-26 4057
Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架，它嵌入了 Chromium 和 Node.js，允许开发者使用熟悉的前端技术栈创建跨平台的桌面应用，而无需具备本地开发经验。
前端笔记3-Electron基础
weixin_43915285的博客
11-14 1351
Electron是一个开源框架，由GitHub开发，它允许开发者使用JavaScript、HTML和CSS等前端技术和Node.js后端环境来构建跨平台（Windows、Mac、Linux）的桌面应用程序。技术栈：Electron 结合了 Chromium 渲染引擎和 Node.js 运行时环境，使开发者能够在桌面应用中同时使用前端和后端技术。跨平台：开发者只需编写一套代码，即可将其部署到多个操作系统上，无需为每个平台单独开发。
前端框架 Electron 使用总结
qq_50909707的博客
11-19 1万+
效果：可以看到此时并无边框自定义的菜单只需要通过html等写到对应的页面中即可！
禹神：一小时快速上手Electron，前端Electron开发教程，笔记。一篇文章入门Electron
热门推荐
宝码香车的博客
07-16 6万+
1.后面有的bug可能与Electron Forge配置有关。有时间试试，找个解决方案。2.也有可能与main.js写法有关。3.打包时删除main.js里的win.openDevTools() //自动打开调试窗口否则软件会自动打开调试窗口。4. 代码仓库位置终于完成，虽然有bug,但能运行起来了。后续找个更好的解决方案。
vue-cli-plugin-electron-builder打包vue2
2301_80553345的博客
05-22 1046
会自动下载electron相关的包(需要选择node对应版本的electron包)，生成运行命令并在src目录下生成background.js。1、下载npm install vue-cli-plugin-electron-builder --save -dev。npm run electron:build打包，打包成功如下，会在dist文件夹中生成包。需要存在version，description，author，没有请添加。3、修改backgound.js，打开后窗口大小。
基于Electron框架与Vue3前端框架的跨平台桌面应用开发解决方案_使用vite-plugin-electron插件实现Electron与Vite构建工具的无缝集成_提供完整的.zip
08-12
此外，源代码文件夹electron-vue-vite-master，则是本解决方案的实践成果，包含了完整的项目代码以及配置文件，为开发者提供了从零开始构建类似应用的参考模型。该文件夹中的代码和资源文件，能够让开发者快速搭建起...
前端开源库-electron-screenshot-service
08-30
总结，`electron-screenshot-service` 作为一款优秀的 Electron 屏幕截图库，极大地简化了在桌面应用中集成这一功能的复杂度，让开发者可以更专注于应用的核心业务逻辑，提高开发效率。在实际项目中，结合 Electron ...
前端开源库-electron-installer-dmg
08-30
`electron-installer-dmg` 是一个前端开源库，专门用于构建针对 macOS 平台的 `.dmg`（Disk Image）安装程序。这个库是基于 Electron 应用程序的，Electron 是一个流行的开源框架，它允许开发者使用 HTML、CSS 和 ...
前端Electron新手入门教程详解
01-02
Electron 是什么 定义 Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。 历史 2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。 接下来的几年，Electron在不断的更新迭代，几乎每年都有一个重大的里程碑 2013年4月11日，Electron以Atom Shell为名起步。 2014年5月6日，Atom以及At
Electron学习（前端）
九儿九只的博客
11-27 1363
文章目录一. 下载和安装二. 入门案例三. 内容1. Remote 模块讲解2. 菜单的创建和绑定事件3. 右键菜单的制作 一. 下载和安装 初始化npm，在根目录下生成一个package.json文件，用来记载项目相关文件的信息。 安装electron，时间有点长，需要保证网络通畅的情况下下载 查看electron版本 开启electron,出现一个可视化界面，安装成功。 二. 入门案例 自定义一个入口函数main.js，在里面我们需要引入一些electron相关的配置与设置参数： va
一小时快速上手Electron，前端Electron开发教程，笔记。一篇文章入门Electron
weixin_41978174的博客
08-25 3288
1.后面有的bug可能与Electron Forge配置有关。有时间试试，找个解决方案。2.也有可能与main.js写法有关。3.打包时删除main.js里的win.openDevTools() //自动打开调试窗口否则软件会自动打开调试窗口。4. 代码仓库位置终于完成，虽然有bug,但能运行起来了。后续找个更好的解决方案。
Electron入门
weixin_42883164的博客
07-18 817
electron 入门练习
【前端开发】Electron 从0到1全攻略
最新发布
大雨的博客
08-15 917
本文介绍了使用Electron框架开发跨平台桌面应用的全过程。首先讲解了Electron的基本概念和优势，包括其基于Chromium和Node.js的架构特点，以及VSCode等成功案例。详细说明了开发环境的搭建步骤，包括Node.js安装、项目初始化和Electron配置。重点剖析了Electron的核心概念：主进程与渲染进程的分工协作机制，以及事件驱动模型。通过一个简易应用开发实例，展示了从项目结构搭建、代码编写到调试运行的全流程。
【前端】-【electron】
CaraYQ的博客
12-01 1876
electron技术架构：chromium、node.js、native.apis需求：点击窗口右上角的三个图标，分别执行相应操作index.html代码如下，红框中为三个图标的代码// 创建窗口nodeIntegration:true,// 允许渲染进程使用node集成环境contextIsolation: false,// 如果nodeIntegration:true失效，那么需要添加这行代码enableRemoteModule:true//允许使用远程模式},
前端的GUI程序：Electron框架
手写我对你的温柔
08-21 6798
借助Electron框架，就能用Node.js开发桌面的GUI程序了，还可以将其编译成.exe文件 【VSCode就是基于Electron框架的，运行在Electron内置的浏览器里面】 Electron官方文档：http://electronjs.org/docs 基于Electron的GUI技术： 除了移动端可以采用Hybird方案，桌面程序也可以使用这种混合开发模式。 Electr...
vue3前端开发系列 - electron开发桌面程序(2023-10月最新版)
硅谷工具人
10-11 2317
我是先用pnpm创建了一个vue3+vite+ts项目，然后后续安装的时候使用pnpm安装electron一直有问题。还有nodejs的版本问题，这里安装的electron版本是26.3.0，推荐使用nodejs的版本为18.16.1。这里指定容器的高度和宽带为800*600，和electron.js中createWindow设置保持相同。在安装electron electron-builder时,可能会出现网络连接问题，请配置阿里的源。注意点：wait-on后面监控的tcp端口要和启动的端口保持一致。
前端系列——Electron工程构建（普通工程，Vue集成）
qq_51553982的博客
08-08 3517
如果你想要直接以项目的方式学习构建，请不要看上面的创建Electron工程，而是直接看“项目中构建Electron工程”
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值