腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

electron38-vite7-vue3os电脑端os管理系统

2025最新跨平台electron38+vue3+vite7+pinia3+arco-design客户端os系统Exe模板。 electron38-vite7-os使用vite7构建工具整合electron38跨平台框架构建项目，vue3 setup语法编码开发。 -os桌面布局结构提供了macos和windows两种风格桌面布局。 -vite7-admin电脑端中后台管理系统Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序最新原创uniapp-vue3-osadmin手机版后台管理系统最新研发uniapp +getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件

2025-10-12

6141

标签:

客户端开发（Electron）系统级API使用

系统对话框： 1. 调用系统API实现文件保存或读取前的选择功能：如上图所示的功能，我们在使用电脑时就经常会遇到，在Electron中我们可以通过调用dialog.showOpenDialogSync函数同步打开下面的对话框特殊对话框（关于面板）：如上图就是我们设置过后的特殊对话框关于面板，通常显示当前客户端应用的信息。菜单栏菜单： Electron提供的默认菜单栏中的菜单都是一些为了演示和开发使用的，在实际的应用中我们还是需要进行配置来实现我们自己的功能。系统右键菜单：通过覆盖oncontextmenu来实现弹出定义的菜单想： const menus = [ { label: '文件', submenu: [{ label: '新建文件

前端小鑫同学

2022-12-26

4.1K0

标签:

客户端开发（Electron）系统级API使用2

Dear，大家好，我是“前端小鑫同学”，长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。图中的代码通过监听onkeydown事件，来判断按键是否同时满足ctrl+s（ascll码），mateKey值Mac系统的花键。这种监听快捷键的特点是只能在窗口处于激活的时候才能触发，但你会发现我们使用系统的一些快捷键是可以唤醒应用的，那这种非激活状态应用的快捷键监听就只能通过Electron提供的系统级API来实现了。托盘图标的设置：托盘图标指的就是在电脑底部的任务栏右侧经常会闪动的QQ头像，还有快捷设置离线状态的菜单等，我们就用Electron的API来实现一下这两个小功能吧。总结：本篇学习了在客户端应用中监听按键实现快捷键的两种方式，但也要注意避免快捷键的冲突和滥用，也学习了常见的托盘图标的设置和菜单的设置，知道了我们如何在有新消息送达时和QQ一样来闪烁起来，学习阶段化繁为简

前端小鑫同学

2022-12-26

3.3K0

标签:

Electron-React19-WinChat聊天系统|react+electron客户端聊天程序Exe

经过了整整两周的高强度研发，最新原创力作electron41+react19全家桶构建轻量级桌面电脑版聊天系统项目，正式完结啦！ electron38-vite7-vue3os电脑端os管理系统最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus 客户端聊天程序基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 +arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts后台管理系统全新研发Flutter3.41桌面版OS系统最新款flutter3.41 & dart3.11 打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板最新原创

2026-08-17

2760

标签:

electron-builder

electron41+react19+arco桌面版os系统

迎接中秋国庆，最新原创跨平台新作react19.3+electron41+arco-design搭建桌面端os管理系统解决方案。 electron-react-os桌面管理系统，支持macOS和windows两种桌面风格。以上就是electron41+react19实战桌面端os系统的一些项目分享，感谢大家的阅读与支持~Electron-React19-WinChat聊天系统|react+electron客户端聊天程序ExeReact19 +Arco+Zustand仿macOS风格webOS桌面系统electron38-vite7-vue3os电脑端os管理系统最新版electron38-vite7-admin电脑端中后台管理系统 Electron38 + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe

2026-09-25

1700

标签:

客户端开发（Electron）主题切换

Dear，大家好，我是“前端小鑫同学”，长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发本篇说明：主题切换在安卓、IOS、PC网站的应用的特别的广泛，在第一次接触flutter的时候第一次做状态切换的案例同样也是主题切换，巧了，学习electron的第一个案例也是，具体用到了哪些知识呢？准备本篇的首页：支持显示当前的主题来源：跟随系统/手动切换；提供两个按钮来触发切换事件；通过renderer脚本来进行渲染。 <! strong></p> <button id="toggle-dark-mode">开启黑暗主题模式</button> <button id="reset-to-system">重置为系统主题模式

前端小鑫同学

2022-12-26

1.7K0

标签:

客户端开发（Electron）发送通知

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。本篇说明：在windows，macOS，linux操作系统均为开发者提供了向用户发送通知的API，也是客户端开发标配的功能之一，在Electron中主进程和渲染进程显示的方式不太一样，我们用实际的案例来演示一下并且点击后可以获的反馈 document.getElementById("clickme").addEventListener("click", () => { new Notification("今日更文：客户端开发主进程发送通知我们还是要在渲染脚本来触发 document.getElementById("clickme2").addEventListener("click", () => { window.send.notice( "客户端开发（Electron）URL远程启动", "「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」。"

前端小鑫同学

2022-12-26

2.5K0

标签:

客户端开发（Electron）加入webpack

本篇说明：今天我们将在前端开发中最为常见webpack加入到Electron中，因为GUI引用不同于传统的Web前端项目，所以webpack的配置会相对繁琐，这里我们主要用到了electron-webpack 开始前的准备：初始化项目：mkdir electron-webpack-demo && cd . \electron-webpack-demo && npm init；安装开发依赖：yarn add electron-webpack electron webpack@4 --dev / 配置"app:dir": "electron-builder --dir"命令，用来构建应用后直接输出而不生成安装文件；配置"app:dist": "electron-builder"命令，用来构建应用后输出安装文件用于分发；为了达到可分发的标准还需要配置一些其他信息，具体参照https://www.electron.build/来配置。

前端小鑫同学

2022-12-26

1.8K0

标签:

Windows系统和Mac OS系统的免费FTP客户端有哪些？

之前在「趣谈前端」和大家分享了很多「可视化低代码」相关的技术分享和「前端工程化」的最佳实践, 今天和大家分享几个在「Windows」和「Mac」下的最佳免费「FTP客户端」. 「FTP客户端」可以很轻松的可视化的管理我们服务器上的文件资源, 并且可以简单的将本地电脑的文件上传到服务器. 如果你不太喜欢通过命令行的方式或者没有技术基础, 那么「FTP客户端」将是个不错的选择. Windows下FTP客户端 1. FileZilla image.png 「FileZilla」仍然是「Windows 10」最受欢迎的免费FTP客户端之一。 Mac下FTP客户端 ForkLift 3 image.png 「Forklift for mac」是「MAC OS」上的一款专业的文件管理程序，弥补了许多文件管理软件管理单一的问题，还具有卸载，同步浏览等许多功能

2022-09-27

7.2K0

标签:

客户端开发（Electron）快速入门

初始化项目：初始化一个空项目，可以使用mkdir my-electron-app && cd my-electron-app并执行npm init，初始化的后要保证package中的字段 /' 'electron_mirror = https://registry.npmmirror.com/electron/' > .npmrc 安装Electron： npm install --save-dev electron 配置scripts：启动electron命令："start": "electron ." npm run make 打包结束后会在项目根目录下生成out文件及打包内容总结：内容主要整理自官方指南，我也是头一回学习客户端开发，打算把官方文档的内容进行精简并实践一次，整体过完后在总结一次客户端开发的一些内容，并且我也会完善此次客户端学习的思维导图，后期复习就不再翻文档了。

前端小鑫同学

2022-12-26

2.5K0

标签: