登录社区云，与社区用户共同成长
邀请您加入社区
Zettlr：从零趟底座，崩在 libelectron 版本、深色主题、preload 后缀，每个坑都是新知识；：克隆骨架，组装成本五处文件改动，新坑只剩 sandbox 白屏一类平台级问题；下一个 Electron 应用：大概只剩"判依赖死刑 → 塞产物 → 改 bundleName"三步。原生模块的死刑判决要看"耦合深度"。深耦合如 Zettlr 的 nodehun 只能抽引擎绕行；边界耦合如
鸿蒙 PC 起步阶段，桌面应用生态里最缺的就是"生产力刚需"：办公套件有了，IDE 有了，但一款像样的 Markdown 学术写作工具一直空缺。Zettlr 是这个领域的明星开源项目——面向学术写作、采用 Zettelkasten 卡片盒笔记法、支持引用管理和多格式导出，由德国开发者 Hendrik Erz 维护，技术栈是 Electron + Vue 3 + TypeScript + CodeM
<span>确认</span></div>${escapeHtml// 确认对话框 function confirmCustom(msg) {<div class="modal-header"><span>确认</span>
零依赖设计：扫描引擎仅使用 Node.js 内置的 net/http/dns 模块，无需 npm 安装任何第三方包，天然兼容鸿蒙沙盒环境真实协议交互：8 条漏洞检测规则全部基于真实 TCP/HTTP 协议交互，不使用模拟数据，确保扫描结果可验证并发控制策略：默认并发 10 + 主机间 50ms 调度间隔，在扫描效率与鸿蒙平台稳定性之间取得平衡防重入机制：所有 Socket 回调统一使用 done
本文介绍在鸿蒙PC平台基于Electron壳方案，从零构建轻量级多标签文本编辑器Notepadqq的完整过程。项目采用Electron Web层+鸿蒙HAP壳架构，集成CodeMirror实现语法高亮，支持多标签管理、正则查找替换、自定义菜单与视图控制，并针对鸿蒙环境优化稳定性，解决GPU白屏、XComponent崩溃等问题。代码开源，欢迎加入鸿蒙PC社区共建。
本文基于 Electron 与鸿蒙 HAP 壳工程，实现 Kibana 本地化数据可视化应用。通过 Chart.js 渲染多维图表，结合本地 JSON 持久化与自研查询解析，完成数据 CRUD、聚合计算及仪表盘动态渲染。针对鸿蒙平台特性，采用“三防”策略（防崩溃、防白屏、防故障）优化窗口配置，实现跨平台兼容。项目开源于 AtomGit，支持在鸿蒙 PC 上运行，为日志分析与运维监控提供轻量级解决方
本文记录KDevelop基于Electron壳适配鸿蒙PC平台的全流程。通过Electron + CodeMirror架构，实现多语言代码编辑与文件管理，严格规避鸿蒙WebEngine禁用的API，利用11个IPC通道完成主进程文件系统操作，最终在鸿蒙5.0+环境下成功运行，为开源鸿蒙生态提供轻量级开发工具支持。
本文介绍在鸿蒙PC平台基于Electron构建KDE风格轻量级SVN只读浏览工具kdesvn，通过HTTP/WebDAV协议实现零依赖的SVN通信，支持仓库浏览、语法高亮、日志检索与版本对比，集成Catppuccin Mocha深色主题，采用Electron+鸿蒙HAP壳架构，适配arm64-v8a，助力开源鸿蒙生态发展。
本文介绍在鸿蒙PC平台基于Electron+ArkWeb构建InterModeller概念建模应用的完整实践，实现SVG水平树布局、深度颜色编码、双击内联编辑、三视图联动及本地JSON持久化等核心功能。采用Electron Web层与鸿蒙HAP壳分离架构，通过精简IPC通信与三防策略（禁用硬件加速、异常捕获、窗口配置优化）确保稳定运行。项目预置6大领域种子模型，支持跨平台开发与部署，助力教育场景中
本文基于Electron与鸿蒙HAP壳工程，实现VSCodium轻量代码编辑器在鸿蒙PC平台的迁移。采用CodeMirror替代Monaco，构建文件管理、语法高亮、实时预览等核心功能，通过IPC通信实现跨进程文件操作，完成从开发到部署的全流程适配。项目开源，欢迎加入鸿蒙PC社区共建。
本文将 Pylint 静态分析能力基于 Electron 适配至鸿蒙 PC 平台，实现纯前端运行的 Python 代码检查工具。通过 JavaScript 模拟 AST 与正则匹配，完成 14 条规则检查，支持语法高亮、多文件管理与 10 分制评分。严格规避鸿蒙兼容限制，采用三栏布局与双层编辑器结构，确保毫秒级响应。项目开源于 AtomGit，欢迎加入鸿蒙 PC 社区共建。
Mineradio —— 一款 Windows 桌面沉浸式音乐播放器，把搜索播放、歌词舞台、粒子视觉、3D 歌单架和完整桌面模式组合成一个更接近现场感的私人音乐空间。
如果你经常用电脑，那你肯定接触过用Electron开发的应用！VS Code、Discord、WhatsApp Desktop、Spotify桌面版…这些我们天天在用的软件，背后都是Electron在支撑。简单来说，Electron就是让你用网页技术（HTML、CSS、JavaScript）来开发桌面应用的框架。想象一下，你只需要写一套代码，就能同时在Windows、macOS、Linux上运行！
ASAR文件的全称是“Atom Shell Archive”，是一个类似于ZIP或TAR的档案文件格式。它用于将多个文件打包成一个文件，以简化Electron应用程序的分发和部署。在Windows系统上解包.asar文件相对直接，你可以使用Node.js附带的asar工具来完成这个任务。
vue+electron使用嵌套el-dialog弹框，父元素el-dialog-header有drag拖拽事件，子元素鼠标事件不响应。
内网穿透工具是网络技术中的一个重要分支，主要用于实现内网服务的外网访问。ngrok：一款流行的内网穿透工具，支持HTTP、HTTPS、TCP等协议，使用简单，但免费版有流量和带宽限制。frp：一个高性能的开源内网穿透工具，支持多种协议，具有高度的可定制性，适合技术爱好者使用。NATAPP：提供基于ngrok的内网映射服务，免费版提供全隧道穿透，但需要实名认证。花生壳：国内知名的内网穿透服务提供商，
关键: 利用 watch 监听全局 state 的变动，每次变动，进行 localStorage 同步。缺点： 数据量大时，消耗性能较高。可用作少量数据的同步方案；
下载对应的macos sdk,然后制定electron编译时使用添加对Mac OS X 11.3的SDK的支持在src/electron/build/args/all.gn中添加mac_sdk_path = "$path_to_MacOSX11.3_sdk_folder"SDK可以在https://github.com/phracker/MacOSX-SDKs/tree/master/MacOSX
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。
electron globalShortcut 快捷键，在焦点移到其他软件上时，调用快捷键报错
electron+vue来开发项目的时候，我们可能很多时候，接手的项目是没有他的工具部分的，一个是需要专门去配置文件中打开，实际在不打开的情况下，是可以通过快捷键的方式来实现项目的快捷开发的。
做项目经常会遇到代码格式混乱的情况，Ctrl+Alt+L 快捷键就可以解决这个问题，如果不管用，可能是因为热键占用的问题，试一试 Ctrl+Shift+Alt+L，帮你的代码干净整洁。
ctr +shift +i 打开控制面板。
Electron + Sqlite3 + Vue3 + Ts +Sequelize数据库创建连接封装
electron缩小放大快捷键
electron自定义顶部菜单，electron自定义右键菜单
electron版本：v18.1.0一、主进程引入Menu模块const { Menu } = require('electron')二、编写菜单数据并启用const { Menu } = require('electron')var template = [{label: '菜单A',//一级菜单名称submenu: [ //定义子菜单{ label: '菜单A1' },{ label:
【前言】本节讲下electron下设置快捷键和mac黑暗模式的使用【快捷键设置】快捷键设置比较简单，下面是全局快捷键设置globalShortcut.register(shortcutKey, shortcutCallback);传入快捷键名称，和快捷键回调即可这里需要在app退出时释放掉全局快捷键，如下app.on('will-quit', () => {globalShortcut.un
屏幕锁定基于 Electron-react-boilerplate, 采用技术 Electron, React, React Router, Webpack 和 React Fast Refresh.各位小伙伴如果觉得文章不错的话，欢迎star ：https://github.com/Mad-hu/ScreenLock摘要屏幕锁定应用包含功能：屏幕锁定、快捷键锁定、应用自启动屏幕锁定快捷键锁定Al
electron主进程中是不能获取到浏览器的window对象的，所以我们不能像在渲染进程中一样使用浏览器为我们提供的localstorage对象。但是主进程中有可能也需要这样的需求，比如我们在本地存储了当前的环境（dev/beta/prod），主进程需要根据不同的开发环境来load不同的url。于是手动封装了一个可以在主进程中调用的localstorage。1.安装npm install ...
电脑性能一定要好，无论是cpu还是内存，不然卡到爆。
如果修改"icon": "./electron/icon.ico"后依然不生效，则需要修改productName或者清缓存在。
前端配置环境变量的两种方案：1）直接在根目录创建.env文件，通过import.meta.env访问变量，并在package.json中指定运行模式；2）在vite配置中指定envDir目录，将环境变量文件统一存放。两种方式都支持通过--mode参数切换环境，变量通过import.meta.env访问。方案2更便于管理多环境配置文件，适合复杂项目结构。
创建环境文件：在项目根目录创建和。定义变量：在文件中用VITE_开头定义变量，如。使用变量：在代码中通过访问。配置代理（开发环境）：在的中设置代理，将开发环境的 API 请求 (/api) 转发到真实的后端地址，解决跨域问题。这样，你的项目就拥有了一套健壮、灵活的环境变量配置方案。开发时无缝对接后端接口，打包后自动切换到生产 API 地址。
查阅 GitHub 上的相关 Issue，得知该变量与 Vite 的 Server 配置有关，但关于其默认值设置方式及端口修改方法却鲜有说明，由此开启了深入探究之旅。后，跳转至该方法的声明处，却未找到具体实现。既然如此，我们就通过调试模式，以单步调试的方式来探寻具体实现。命令的解析逻辑，发现其通过配置项创建了一个 Server。的快速入门指引，搭建了一个示例项目。由于端口关联着渲染进程，所以我直接
注意:新版的electron已经不支持在win上直接打包Linux的环境了,服务会卡住,会一直生成文件占用磁盘(我发现的时候占了我100G，而且文件夹很深，找了java代码while循环，好不容易删除的o(╥﹏╥)o)electron有一个专门打包的docker镜像，可以安装docker打包docker有win版，也可以安装打包。
关闭防火墙，命令：sudo ufw disable。
洛雪音乐LXmusic是一款高人气应用、聚合全网曲库，支持在线高音质听歌曲！查阅歌词以及导入歌单等！不仅如此，在这里没有会员的限制，可以在线试听且免费下载全网付费歌曲和无损音乐。
version改为electron版本，可用electron -v查看，npm init命令初始化项目时默认version是1.0.0，重新build后成功。
electron windows 离线打包
主要问题就在于子进程获取到的环境变量不对，与全局环境变量不一致。后来打算直接修改prcess.env.PATH时，加群问了一嘴，老哥给了一个issus的地址。在macos打包后，无法获取到版本信息。问题描述：在electron项目开发时，查看使用exec查看环境变量时正常，可以使用。此处可以通过在程序内设置或者其他方法实现，但是不太推荐使用这个办法。既然PATH不对，那么直接修改PATH即可。
electron dll 动态库lib 静态块 c++
触发windows虚拟键盘及修改软盘大小
vscode electron代码自动补全
electron
——electron
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
人工智能6S服务平台
开源鸿蒙跨平台开发者社区
DAMO开发者矩阵
AtomGit开源社区
乐奇 Rokid 开放社区
天工造物局
