- 综合排序
- 最热优先
- 最新优先
初识双雄：Electron 与鸿蒙 OS 的跨平台使命
for HarmonyOS 前言 在当今软件开发领域，“跨平台”早已不是一句口号，而是一种刚需。 今天，我们要认识两位“跨平台明星”——Electron 与 鸿蒙操作系统（HarmonyOS），并探讨它们各自如何利用 Web 技术实现多端适配，以及为何将二者结合值得深入探索。 它的“一次开发，多端部署”理念解析 如果说 Electron 解决了“桌面端跨平台”，那么华为推出的 鸿蒙操作系统（HarmonyOS） 则致力于解决 “全场景跨设备” 的难题。 更重要的是，这场探索不仅是技术适配，更是对“跨平台本质”的再思考：我们追求的不是“一套代码跑 everywhere”，而是“一套逻辑，多端最优呈现”。 小结 初步认识了 Electron 与鸿蒙 OS 的定位与能力。它们分别代表了 Web 技术在桌面端和全场景端的成功实践。
61210编辑于 2025-12-21- 来自专栏h5
Electron跨平台仿QQ|vue3+electron+antdv聊天应用
前言 此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。 p4.gif 框架技术 vue3全家桶：vue3.0+vuex4+vue-router@4 electron框架：electron11.2.3 打包工具：vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观，大家可以选择在创建窗口的时候去掉系统边框，自定义拖拽区域。 360截图20210227164246855.png 通过css3来控制可拖拽区域-webkit-app-region: drag 不过会随之而来出现一个问题，就是鼠标右键会弹出一个系统菜单，那有木有什么方法可以屏蔽掉呢 electron-builder打包配置 创建vue3项目的时候，根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。
3.3K00发布于 2021-02-27 - 来自专栏h5
electron38-vite7-vue3os电脑端os管理系统
2025最新跨平台electron38+vue3+vite7+pinia3+arco-design客户端os系统Exe模板。 electron38-vite7-os使用vite7构建工具整合electron38跨平台框架构建项目，vue3 setup语法编码开发。 技术栈跨平台框架：electron^38.2.0前端框架：vite^7.1.7+vue^3.5.21+vue-router^4.5.1UI组件库：@arco-design/web-vue^2.57.0 +聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话flutter3.27 +getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
55230编辑于 2025-10-12 - 来自专栏QQ音乐技术团队的专栏
electron 构建跨平台桌面应用
简介 Electron 是一款可以通过 Web前端技术 构建跨平台桌面应用的框架。 其原名为 Atom Shell， 是 Github 社区原本为 Atom 编辑器设计的一个跨平台应用外壳，它将 Chromium 和 Node.js 的事件循环整合在一起，并提供了一些与原生系统交互的 进入项目目录 $ cd electron-quick-start 3. 安装项目依赖后执行该程序 $ npm install && npm start 运行效果如下: ? 默认的 webview 没有 node 功能，而如果设置了 nodeintegration 属性，它将整合node，拥有可以使用系统底层的资源。 其他 当然 Electron 中还有许多实用的模块，如作为桌面应用必不可少的 Menu 和 Tray 模块、拥有调用当前操作系统功能的 Shell 模块、NW.js 中不具备的自动更新功能 - autoUpdater
4.4K110发布于 2018-01-31 - 来自专栏余生开发
electron 使用docker 跨平台打包
下载镜像 docker pull q1194979849/alpinebuilder:v0.0.1 执行命令 docker run --rm -ti -v D:\path/for/project:/project -w /project q1194979849/alpinebuilder:tagname "/bin/sh" "-c" "cmd&&cmd" tagname: 版本号 "/bin/sh" "-c" "cmd&&cmd" ： 向容器内部传递命令 实现命令自动化 命令映射目录 所以产物将在原项目
1.2K10编辑于 2022-09-23 - 来自专栏大内老A
跨平台开发体验: Mac OS
除了微软自家的Windows平台， .NET Core针对Mac OS以及各种Linux Distribution（RHEL、Ubuntu、Debian、Fedora、CentOS和SUSE等）都提供了很好的支持 顺便说一下，虽然老版本的Mac OS（比如10.12 Sierra）可以安装.NET Core 3.0 SDK，但是只有在10.13 High Sierra或者更高版本的Mac OS才能编译和运行.NET 对于Mac OS X的.NET Core应用的开发人员来说，他们在IDE上同样具有广泛的选择。 三、ASP.NET Core MVC应用 在《跨平台开发体验: Windows[下篇]》中，我们演示了如何将一个通过脚手架命令行创建的控制台应用一步步改造成ASP.NET Core MVC应用，既然.NET Core提供真正的跨平台支持，那么我们按照相同方式改造的ASP.NET Core MVC应用同样可以在Mac OS上运行。
1.9K30发布于 2019-10-14 Electron for HarmonyOS：跨平台底层原理探析
本文基于技术推演与架构类比，探讨 若将 Electron 架构思想引入鸿蒙生态 所需的底层机制、可行性路径及潜在挑战，旨在为开发者提供跨平台融合的技术视角。 Electron 自 2013 年诞生以来，凭借 “HTML/CSS/JS + Chromium + Node.js” 的组合，成为桌面端跨平台开发的事实标准（VS Code、Slack、Discord http.request @ohos.net.http os.platform() @ohos.systemParameter child_process ❌ 不支持（沙箱限制） 通过 全局注入 Bridge 安全沙箱限制 鸿蒙应用运行在严格沙箱中，无法直接访问 /proc、/dev 等 文件路径必须通过 context.filesDir 获取 网络请求需声明 ohos.permission.INTERNET 3. 结语 “Electron for HarmonyOS” 并非简单地将 Electron 移植到鸿蒙，而是一次 跨平台运行时思想的本地化重构。
76510编辑于 2025-12-21- 来自专栏京程一灯
使用Electron创建跨平台桌面应用
开发和维护一个桌面应用是比较复杂的，所以可以理解现在的公司门为何推动WEB应用或者各种跨平台版本，在过去的十几年里，已经有了很多尝试，Flash、Air、Java和Sliverlight，他们都各自取得了不同程度的成功 我们都知道现在出现了一些使用JavaScript和web技术来开发跨平台的桌面应用的方案。 Electron, GitHub提供的一种方案，我已经尝试的构建了几个应用。 . var mainWindow = null; 现在让我们处理当视窗关闭时应用程序退出，如果是OS X操作系统，当所有视窗关闭时 应用程序依旧处于打开状态，但是用户通常是为了退出应用程序，所以我们必须用如下方式处理这种场景 /raw/3ea92af51ce3749bb5983c1cb0359883592daef6/Marvel%2520Electron%2520Data`; 接下来创建创建生成插入 character_listdiv 所运行的操作系统: win32 用于 Windows, linux, darwin 用于 vanilla Mac OS X ， mas 用于 Mac App store 发布应用.
2.2K40发布于 2019-03-27 Electron+Vue3+AI+云存储--实战跨平台桌面应用
随着技术的发展，跨平台桌面应用的需求日益增长，PyQT作为一个强大的Python绑定库，使得开发者能够使用Python语言快速构建跨平台的桌面应用程序。 跨平台的桌面应用开发需要考虑不同操作系统之间的差异，并保证应用程序在这些平台上运行一致。 一、Electron技术简介Electron是由GitHub开发的一款开源框架，它允许开发者使用Web技术（如HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。 安装 Electron可以使用 npm（Node.js 的包管理器）来安装 Electron。在命令行中输入以下命令：npm install -g electron3. 三、如何通过Electron构建跨平台桌面应用安装Node.js和Electron：首先，你需要在你的计算机上安装Node.js和Electron。
1.3K00编辑于 2024-12-03- 来自专栏希里安
Electron 跨平台应用开发的终极技能
首先介绍下electron，它是一个开源框架，可以跨平台构建桌面应用，结合chromium和nodejs，这样前端开发人员也可以开发web应用了，对前端人员非常之友好。 3、应用过大，打包完之后体积通常比较大几十上百兆，比如我简单搞个test应用，打包完有一百来兆。 4、electron应用的技术栈比较复杂，审核难度也加大了。 尽管如此，electron目前发展迅猛，前景良好，不但能在macos上用也能在windows和linux上使用，主要有以下优势，值得继续学习： 1、开发简单跨平台应用。 3、生态还是很丰富，有现成的UI框架、API、工具可以使用。 4、electron对nodejs环境有完全的访问权限，调用各种模块完成业务逻辑，更加灵活可控。 2.python2.7,因为一部分功能在编译的时候比较依赖python2.7，而3的版本有不兼容。 3.
99720编辑于 2023-10-30 Electron+Vue3+AI+云存储--实战跨平台桌面应用|果fx
如何使用 Electron 和 Vue 3 创建一个跨平台的桌面应用，并集成简单的 AI 功能和云存储。我们将构建一个基本的应用框架，使用一些示例代码来帮助你入门。 创建项目mkdir my-electron-vue-appcd my-electron-vue-appnpm init -y安装依赖npm install electron vue@next vue-router vuex axios初始化 Vue 3 使用 Vue CLI 创建一个 Vue 3 项目：npx @vue/cli create vue-appmv vue-app/* src/添加 Electron 入口文件 在项目根目录下创建 electron.js 文件：const { app, BrowserWindow } = require('electron');const path = require src/main.js 中设置 Vue 3：import { createApp } from 'vue';import App from '.
1.9K10编辑于 2025-01-07- 来自专栏网络安全技术点滴分享
BilldDesk：基于Vue3+WebRTC+Electron的跨平台远程桌面控制方案
BilldDeskBilldDesk是一个基于Vue3、WebRTC和Electron技术栈构建的跨平台远程桌面控制解决方案。 该项目旨在提供类似ToDesk、向日葵等远程桌面软件的功能，支持Windows、macOS和Android多平台。 功能特性跨平台支持：支持Windows、macOS和Android三大平台WebRTC技术：基于WebRTC实现实时音视频传输，保证低延迟Electron框架：使用Electron构建桌面客户端，提供原生体验 Vue3前端：采用Vue3组合式API开发，代码结构清晰远程控制：实现远程桌面查看和控制功能多对一控制：支持多个用户同时控制一个客户端安全连接：提供连接验证和权限管理机制安装指南环境要求Node.js windowMap.set(windowId, win); await win.loadURL(process.env.VITE_DEV_SERVER_URL + route); return win;}Vue3应用初始化
1.3K10编辑于 2025-09-08 - 来自专栏web秀
Electron + Vue跨平台桌面应用开发实战教程（三）
'文件名 1', time: '2020-06-21' }, { id: 2, title: '文件名 2', time: '2020-06-21' }, { id: 3, title: '文件名 3', time: '2020-06-21' }, { id: 4, title: '文件名 4', time: '2020-06-21' }, '文件名 1', time: '2020-06-21' }, { id: 2, title: '文件名 2', time: '2020-06-21' }, { id: 3, { id: 6, title: '文件名 6', time: '2020-06-21' } ], fileItem: { title: '手摸手Electron main-container { flex: 1; overflow: hidden; } } </style> 项目github地址：https://github.com/mengdebiao/vue-electron-notes
2.1K20发布于 2020-08-19 - 来自专栏web秀
Electron + Vue跨平台桌面应用开发实战教程（一）
1 为什么要写这个系列教程 相信看到这篇文章的人，都是对Electron感兴趣的， 网上关于Electron的教程其实已经不少了，但是大多都是一些功能点的实现，对于从零开始搭建一个适合自己的项目，估计还是有不少人有点懵逼的 2 项目搭建 网上有个比较火的脚手架electron-vue，github 上 12.2k 的 star，大家应该都听说过或者使用过，但现在我们不使用它，electron-vue是vue-cli2.0的版本 ，现在都已经出道 4.0 了，再者electron-vue已经很久没有更新，我们可以使用 vue 最新的脚手架加上插件vue-cli-plugin-electron-builder来搭建项目，项目结构也更加清晰明了 2.2 在项目内集成Electron 进入我们项目的根目录，我们执行以下命令来安装插件vue-cli-plugin-electron-builder vue add vue-cli-plugin-electron-builder Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0 ❯ ^6.0.0 这里静静等待安装即可，它会下载electron的依赖文件 60M
5K22发布于 2020-08-19 - 来自专栏web秀
Electron + Vue跨平台桌面应用开发实战教程（二）
1 Electron升级 2020年5月19号，Electron更新了最新的 9.0.0 版本，带来了诸多改进，具体的我就不在此赘述了，大家可以看一下官方介绍：github.com/electron/el … 好了，我们现在就把上节课初始化好的项目升级到Electron9.0.0，只要简单升级 1、命令行直接执行重新安装yarn add electron即可升级到最新版本Electron 2 项目介绍 估计大家看到这里都已经忍不住了 在此，我有个小小的建议：「不要为了仿而仿，而是为了如何在一个项目中把你所学会的知识技能点糅合在一起，融会贯通举一反三，这才是我们的最终目的」 3 工欲善其事必先利其器 在开始正式写代码之前，有必要先安利一下前端最好的编辑器之一 4.1 整体布局 我们先删除项目中的多余页面与组件： vue-electron-notes/src/components/HelloWorld.vue vue-electron-notes/src/ 项目github地址：https://github.com/mengdebiao/vue-electron-notes
3.8K30发布于 2020-08-19 - 来自专栏即时通讯技术
IM跨平台技术学习(十)：快速对比跨平台框架Electron、Flutter、Tauri、React Native等
1、引言 在当今快速发展的技术环境中，对跨平台桌面应用程序的需求正在不断激增。 3、初识框架 1）Electron： * 技术背景：Electron 由 GitHub 开发，因其使用 HTML、CSS 和 JavaScript 等 Web 技术构建跨平台桌面应用程序的能力而广受欢迎 它提供了一套用于构建跨平台桌面应用程序的全面工具，并强调本机外观和感觉。 4、跨平台能力 在跨平台功能方面，Electron、Flutter、Tauri 和 Qt 足以在多个操作系统上运行应用程序。 以下是具体的场景举例： 1）Electron：广泛用于构建跨平台桌面应用程序，包括代码编辑器（VSCode）、通信工具（Slack）和娱乐应用程序（Spotify）； 2）Flutter：Flutter Electron 拥有庞大的社区和广泛的预构建组件，而 React Native 提供强大的组件系统，并允许在移动和桌面平台之间重用代码。
5.5K00编辑于 2024-01-22 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （上篇）
我在2020年曾经基于Electron开发过一个跨平台桌面应用，在一定的条件下，Electron是非常好的选择。 本次，我与大家聊一聊，跨平台桌面开发，究竟是应该选Electron还是WebView2? 这是上篇。 但本系列还是专注于Electron以及WebView2这两个跨平台实现的一些对比。 编程领域这个趋势更明显，因为普遍编程的工具有跨平台的需求。毕竟程序员可不是都只用WIN一个系统。 但相比其它跨平台开发技术，比如QT或Rust什么，再相比不同操作系统的原生开发工程师来说，还是前端人员好招吧。 因此，从团队成本上考量，显然这个成本更低。
5K30编辑于 2022-03-09 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （中篇）
这一周继续聊跨平台桌面开发这个事情。 在这篇文章中，我暂时会放下Electron与WebView2的一个对比，而聊一聊跨平台这个对于程序员群体来说不陌生的词。 后端 在后端，Java是跨平台的，当你用Java来编写后端服务时，并不需要考虑操作系统，因为它几乎支持主流的操作系统。现在，编写一个后端服务，选用Java仍是主流。 所以，一种趋势不可避免的流行起来： 对不同设备或系统进行抽象，基于某一种特定的编程语言，编写出能与原生程序相媲美的，又能跨平台的技术便层出不穷了 对吧，Java是使用JVM来抽象不同的操作系统，React Native则是使用虚拟DOM以及转换成原生控件的方式来实现跨平台，而Electron则是通过性能较好的Chrome内核+NodeJS原生调用能力的搭配来实现跨平台桌面开发。 这个问题在跨平台桌面开发中也是类似，跨平台桌面开发技术也不是Electron最开始出现，比如著名的QT很早就有了，但比起Electron这种使用前端编程技术来说，显然在编程语言的门槛上和程序员群体上都存在困难
3.8K20编辑于 2022-03-09 - 来自专栏微言码道
跨平台桌面开发，Electron还是WebView2 （下篇）
好了，前面两篇铺垫了一些内容，这周终于进行这个话题的核心内容了，就是对于跨平台桌面来说，Electron与WebView2这两个非常类似的技术方案究竟哪个更合适？ 这是这个话题的最终篇，前两篇为： 1.跨平台桌面开发，Electron还是WebView2 （上篇）2.跨平台桌面开发，Electron还是WebView2 （中篇） 接下来，我会分别从这两个技术的相似之处以及不同之处来详细对比说明 都是跨平台的（未来） 好吧，Electron是跨平台的，基本上，只要支持Chrome浏览器+NodeJS语言的系统，那Electron做出来的应用都能正常运行。 支持平台不同 好了，有点打脸了，前面才说都是跨平台的。 但就当下来说，支持平台并不一样。 Electron当下是实打实的跨平台方案，支持Windows,MacOS,Linux各种操作系统。 引擎的跨平台桌面开发还在也在持续完善中•kotlin multiplatform除了支持移动跨平台以外，对桌面跨平台的支持也是未来的方向。
15.7K30编辑于 2022-03-09 - 来自专栏FreeBuf
跨平台后门Mokes现已加入OS X豪华午餐
根据报道，安全研究专家在今年一月份发现了一款针对计算机操作系统的跨平台木马后门。当时，安全研究人员仅在Linux和Windows这两大操作系统中发现了该后门的代码。 跨平台的恶意软件正在兴起 在此之前，攻击者只会将他们的注意力放在Windows操作系统上，他们更愿意花时间去开发针对Windows平台的恶意软件。 由于近些年Mac OS X和其他类型的桌面操作系统不断兴起，攻击者也毫无疑问地会跟上这个发展潮流，所以跨平台恶意软件的出现也并没有出乎我们的意料。 跨平台的恶意软件需要通过特殊的有效载荷（payload）和功能组件来进行加载，而这些特殊的payload和组件正是它们能够跨平台运行的基本条件。 针对Mac OS X的Mokes后门 在今年一月份，卡巴斯基实验室的安全研究人员Stefan Ortloff首次在Linux和Windows这两个操作系统中发现了这种跨平台的后门，并将该后门取名为“Mokes
1.3K90发布于 2018-02-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号