- 综合排序
- 最热优先
- 最新优先
- 来自专栏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 electron-builder打包配置 创建vue3项目的时候，根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 /** * @Desc vue3+electron项目|打包配置文件 * @Time andy by 2021-02 * @About Q：282310962 wx：xy190310 image.png ending，基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助！ .mp.itc.gif
3.3K00发布于 2021-02-27 - 来自专栏h5
electron31+vue3 setup桌面端Exe聊天系统
几周之前有开发一款vite5+vue3网页web版聊天项目ViteWchat。这次带来全新跨平台electron31.x+vue3+vite5+element-plus仿微信电脑端聊天程序。 vite5-electron-wechat项目采用最新版跨端技术electron31结合vite5.x开发桌面端聊天框架。 项目结构整个项目采用vite5搭建项目模板，整合最新跨平台技术electron31框架，vue3 setup语法编码规范。electron+vue3朋友圈新开窗口。 electron+vue3短视频新开窗口。vue3入口文件main.js配置引入组件库、路由/状态管理、初始化窗口。import { createApp } from 'vue'import '. ${ext}" }}综上就是electron31+vue3开发桌面端聊天项目的一些分享，希望对小伙伴们有些帮助！
92821编辑于 2024-07-09 - 来自专栏h5
Electron-React19-WinChat聊天系统|react+electron客户端聊天程序Exe
经过了整整两周的高强度研发，最新原创力作electron41+react19全家桶构建轻量级桌面电脑版聊天系统项目，正式完结啦！ 插件：vite-plugin-electron^1.1.1electron-react-winchat采用自定义封装electron/react新开多窗口，包含聊天、通讯录、收藏、朋友圈、视频、我的等模块 electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38+Vite7+Pinia3+ElementPlus + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app商城
15720编辑于 2026-08-17 - 来自专栏h5
Electron-DeepSeek-Chat流式AI系统|electron39+vue3+deepseek手搓ai聊天助手
2026年最新跨平台AI实战 - Electron39.2+Vue3+DeepSeek-V3.2+Arco搭建桌面端ai模板。 ^26.0.12electron39-vue3-ai支持深度思考模式、katex数学公式及mermaid图表。 项目结构框架使用最新跨平台技术Electron39.2结合Vite7全家桶技术，对接deepseek-v3.2大模型。 ai编辑器<template>
<! +Vue3搭建桌面客户端AI对话系统的一些项目分享，希望对大家有所帮助！55020编辑于 2026-01-13来自专栏h5electron25+vue3+pinia2跨端chatgpt聊天应用
最近一直学习electron25集成vite4.x技术开发跨端应用。就搭建了一个electron-chatgpt聊天EXE程序。 图片electron-vite4 for chatgpt 基于最新前端技术栈vite4+vue3+pinia2+vue-router+electron25跨端技术开发桌面端仿chatgpt聊天应用程序。 图片图片使用技术编码工具：vscode框架技术：electron25+vite4+vue3+pinia2组件库：veplus (基于vue3自定义组件库)打包工具：electron-builder^23.6.0 ^3.1.0electron结合vite插件：vite-plugin-electron^0.11.2图片项目结构图使用最新版electron跨端技术配合vite4.x全家桶技术，采用vue3 setup -vue3yarn installyarn dev安装electron依赖包# 安装electronyarn add -D electron# 安装electron-builder 用于打包可安装exe
1.6K60编辑于 2023-06-11来自专栏h5electron-vue仿微信桌面端|electron聊天实例
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术：electron + electron-vue + vue 状态管理：Vuex 地址路由：Vue-router 字体图标： electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体，electron-vue构建项目后，主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后，就能去除原窗体顶部，原先的顶部操作栏就没有了，需要自定义配置。 +vue开发聊天实例项目 就介绍差不多了，希望能有些帮助~~
6.7K41发布于 2020-01-10来自专栏每天进步一点点electron制作聊天界面(仿制qq)
align-self: center; .time { font-size: 13px; color: #CFD3DA } .msg_box { align-self: center; flex: 1; color: #EFF1F3; .messages { color: #CFD3DA; } } .avatar { none; border-top: none; background-color: #FFFFFF; border-radius: 3px #77BF41; border-bottom: none; border-left: none; border-radius: 3px
3.1K30发布于 2019-05-26来自专栏h5Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序
2025全新原创研发vite7.1+electron38+vue3 setup+element-plus仿微信电脑端聊天Exe。 electron-vite-wechat使用最新版跨平台框架Electron38整合Vite7搭建项目。electron38-wechat包含了聊天、通讯录、收藏、朋友圈、短视频、我的等模块。 y - 120 - 10, show: true, })}最新原创uniapp-vue3-osadmin手机版后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创flutter3.27 +bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+ os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
62110编辑于 2025-09-13来自专栏h5原创electron35+deepseek-v3实战桌面版AI聊天界面
2025桌面端AI实战 - 基于Electron35+Vite6+DeepSeek搭建一款桌面客户端AI流式输出对话模板。支持上下文多轮会话、浅色/暗黑主题、代码块高亮效果、会话本地存储等功能。 技术知识点技术框架：vite^6.2.0+vue^3.5.13+vue-router^4.5.0大模型ai框架：DeepSeek-V3-0324 + OpenAI跨平台框架：electron^35.1.2 pinia^3.0.1会话缓存：pinia-plugin-persistedstate^4.2.0高亮插件：highlight.js^11.11.1markdown解析：markdown-it项目功能跨平台Electron35 框架，接入DeepSeek-V3，性能更丝滑支持代码高亮效果、便于展示分享代码片段支持上下文多轮对话、提示词生成图片及预览功能支持多窗口、亮色+暗黑主题支持新窗口打开会话里面的链接采用arco-design
65720编辑于 2025-04-17来自专栏不安分的猿人SpringBoot + Vue + Electron 开发 QQ 版聊天工具
一、简介 这是一款基于 JS 实现的超轻量级桌面版聊天软件。主要适用于私有云项目内部聊天，企业内部管理通讯等功能，主要通讯协议websocket。也支持web网页聊天实现。 electron: 用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 命令如下： npm run serve #以web方式运行 npm run electron:serve #以客户端方式运行 注: web启动时，前端项目访问的端口是8080,会与后端的端口相同，所以将前端的访问的端口修改下就可以了 打包命令 本地测试功能问题，就可以进行项目打包了，打包命令也有两个: npm run build #打包为web形式 npm run electron:build #打包为可执行文件 2.4 启动 PC 三、最后 按照这样的步骤走下来，几分钟就可以搭建QQ版聊天工具了。本篇讲了开发环境搭建聊天工具的步骤。当然服务器部署也特别简单的。如果你对这款聊天工具有兴趣，不妨动动手指哦！
3.3K10发布于 2020-05-20来自专栏h5tauri2.0+rust+vue3电脑版Exe聊天软件
经过大半个月爆肝式开发，重磅自研新作tauri2.0+vite.js跨平台桌面端聊天程序，正式完结了。 vite5-tauri2chat采用最新版跨平台框架Tauri2.0结合Vite5搭建桌面端聊天项目。 项目结构目录整个项目使用tauri2.0+vite.js搭建，采用vue3 setup语法编码开发。内置了新窗口打开朋友圈/短视频模块。 "icons/icon.ico" ], "resources": [ "tray" ] }, "plugins": {}}OK，以上就是tauri2.0+vue3实战开发客户端聊天项目的一些分享
1.2K20编辑于 2024-09-29来自专栏跟铭哥学音视频技术TRTC学习之旅（四）-- 用electron实现视频聊天室
前言 前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式，今天我们学习一下在桌面应用层用electron实现视频聊天。 计算签名 this.sdkInfo = genTestUserSig(this.userId); 实例化SDK // 3. 适合：[1对1语音通话]、[300人语音会议]、[语音聊天]、[语音会议]、[在线狼人杀]等。 之前的版本建议赋值为空字符串 /** * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景，适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天 trtcCloud.exitRoom(); 总结 从基本实现过程来看，electron版本和web版本的流程基本没差，从demo上看，electron版本在流程上是有些精简的，比如： 1.electron
5.4K30发布于 2020-07-08来自专栏愧怍的技术学习与分享搭建Electron+Vue3开发环境
之前用 electron-vue 写过一个半成品的桌面端应用，但是是基于 Vue2 的，最近又想重写点桌面端应用，想要上 Vue3+TypeScript，于是便有了这篇文章总结下具体的搭建过程。 Vue3 开发跨平台桌面应用【从项目搭建到打包完整过程】 - 掘金 (juejin.cn) 坑 error in . 这个不是作为重点，因为很多大佬都已经写了现成的模板，完全可以自行借鉴学习，就贴几个阅读过的几篇文章 Vite + Vue 3 + electron + TypeScript - DEV Community vue3 + vite + electron - 知乎 (zhihu.com) 现成的模板 均可在 github 上搜索到 vite-react-electron (推荐) electron-vue-vite 以上就是我所使用 Vue3 来开发 Electron 的环境搭建过程，总体来说从 Electron 除了应用体积过大，对于前端开发者来说是非常友好的，既然环境配置完，那么现在就可以开始好好的编写桌面端应用了
2.4K30编辑于 2022-12-27来自专栏编程技术总结分享Electron入门教程3 ——进程通信
欢迎来到Electron入门教程的第三期教程，这一节非常重要！进程间通信(IPC)是在Electron中构建功能丰富的桌面应用程序的关键部分。 因为主进程和渲染进程在Electron的进程模型中有不同的职责，IPC是执行许多常见任务的唯一方式，比如从UI调用本地API或从本地菜单触发web内容的更改。下面就来详细介绍3种常见的通信方式。 ✧ 渲染进程向主进程的单向通信 在Electron中，进程通过开发人员定义的“通道”与ipcMain模块和ipcRenderer模块进行通信。 3. ipcRenderer.invoke的替代 ipcRenderer.invoke()有两种替代方式： （1）ipcRenderer.send() ：我们所使用的单向通信也可以用来执行双向通信。 这是在Electron 7之前通过IPC进行异步双向通信的推荐方式。
2K40编辑于 2022-11-22来自专栏liulunVite ❤ Electron——基于Vite搭建Electron+Vue3的开发环境【一】
背景 目前社区两大Vue+Electron的脚手架：electron-vue和vue-cli-plugin-electron-builder， 都有这样那样的问题，且都还不支持Vue3，然而Vue3已是大势所趋 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个， 但是发现了一些与Vite有关的问题， 比如：Vite会把开发环境的process对象吃掉的问题 这对于web issue真的是太难了，Electron官方项目在这方面就做的很好，很open、很包容） 环境 先用Vite创建一个Vue3的工程，这就是你的实际项目工程 接着安装几个Electron相关的依赖，最终我的工程下的依赖情况如下 render 渲染进程源码目录 main 主进程源码目录 common 两个进程都会用到的共用源码目录 package.json 项目配置文件 index.html vue3的入口页面 /electron/dist/Electron.app/Contents/MacOS/Electron path.join(this.bundledDir, "entry.js")为Electron进程指定了入口程序文件的地址
5.1K20发布于 2020-12-07来自专栏NetCore 从壹开始（1 3）Electron知识学习 · 基础篇
Electron是一个跨平台的桌面客户端框架，使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序，文档:https://www.electronjs.org/zh/docs/latest 基于 Chromium 和 Node.js 让你可以使用 HTML, CSS 和 JavaScript 构建应用 开源 Electron是一个由OpenJS基金会和一个活跃的贡献者社区管理的开源项目 开发依赖 引入Electron开发依赖 对当前项目引入Electron的开发依赖 执行安装指令 npm install --save-dev electron 接着就需要在package.json添加执行 Electron的指令 添加start命令能让您在开发模式下打开您的应用 "start": "electron ." .
1.7K20编辑于 2023-01-09来自专栏前端开发随笔Electron+vue3搭建桌面应用
先搭建vue/cli脚手架应用 推荐4.x版本 vue create project-name 在cli目录下 执行下面代码 vue-cli-plugin-electron-builder文档链接 vue add electron-builder 项目运行 npm run electron:serve
38820编辑于 2022-05-05来自专栏各类技术文章~Electron-egg ，人人都会桌面软件开发
目前国内的开发者将近700万，桌面软件受限于学习门槛和移动化趋势，渐渐平庸。但我们日常工作中，又离不开桌面软件，因此希望有一个学习门槛低，支持多平台的软件框架。 electron-egg就是在这种需求下，诞生的。 electron-egg是一个简单、快速、功能丰富的JS跨平台桌面软件开发框架，您只需懂js语言就能开发。 常规桌面软件 demo 2. 游戏（h5相关技术开发） 忍者100层 3. ://gitee.com/wallace5303/electron-egg.git # github git clone https://github.com/wallace5303/electron-egg.git /electron-egg/ npm install 常用命令 # 开发者模式 # 1：【进入前端目录】，启动vue cd frontend && npm install && npm
2.2K00发布于 2021-10-19来自专栏dmhsq_csdn_blogvite+vue3+electron桌面端开发
vite+vue3+electron桌面端开发 ps :踩坑踩了一个多小时 如果嫌麻烦可以直接拿走用 克隆代码仓库 1.https://gitee.com/dmhsq/vue3-vite-electron https://gitee.com/dmhsq/vue3-vite-electron.git 2.https://github.com/promiseHusky/vue3-vite-electron https://github.com/promiseHusky/vue3-vite-electron.git 同样你也可以使用脚手架 来快速的创建 还没写完 先用着仓库的吧 效果如下 这是打包生成的 [ 生成的logo像素至少为 256x256否则会在打包的时候报错 开发注意 因为这里使用的是高版本electron 如果你想在 vue文件中 引入remote 需要安装一个依赖包 @electron menu); }); Version 0.0.0 说明 刚刚搭建完成 可实现基础的 运行 打包 下个版本 更新时间预估为下个月 这个月忙 1.自动更新 2.更加丰富的菜单配置案例(持续，部分更新) 3.
1.6K00编辑于 2022-03-11来自专栏码客Electron集成Vue Cli3创建项目
Vue CLi3环境配置 卸载旧版本 npm uninstall vue-cli -g# OR yarn global remove vue-cli 安装新版本 npm install -g @vue/ cli# ORyarn global add @vue/cli 检查其版本是否正确 (3.x) vue --version 创建项目后添加依赖 vue ui 安装插件 vue-cli-plugin-electron-builder , trying 4 more times Failed to fetch extension, trying 3 more times Failed to fetch extension, trying LICENSE.txt文件的编码必须为GBK编码 页面加载方式 之前直接用Electron写的代码，后来要结合Vue Cli3创建的项目，本来想的是直接把Electron的代码放在Vue的public目录中 ，过程如下： 如果软件不考虑多平台，那么可以直接下载对应平台的ffmpeg放在项目根目录下的core文件夹中，下面的第一步可以跳过不用配置。
3K20发布于 2020-05-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号