- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
Electron-React19-WinChat聊天系统|react+electron客户端聊天程序Exe
经过了整整两周的高强度研发，最新原创力作electron41+react19全家桶构建轻量级桌面电脑版聊天系统项目，正式完结啦！ 插件：vite-plugin-electron^1.1.1electron-react-winchat采用自定义封装electron/react新开多窗口，包含聊天、通讯录、收藏、朋友圈、视频、我的等模块 +react19实战桌面端聊天室的一些项目分享知识。 客户端聊天程序 基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app聊天模板 基于uni-app+vue3实战短视频+聊天+直播app商城
15720编辑于 2026-08-17 - 来自专栏h5
electron-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 range 选择obj下所有子内容 range.collapseToEnd(); //光标移至最后 } else if (document.selection) { //ie10 9 8 7 6 5 +vue开发聊天实例项目 就介绍差不多了，希望能有些帮助~~
6.7K41发布于 2020-01-10 - # script true; }, hideMessageScrolls(){ this.messageScroll = false; }, 这里解释一下为什么有一个paddingRight 因为我们的滚动条是5px来自专栏每天进步一点点
electron制作聊天界面(仿制qq)
在制作之前参考了qq和千牛 需要注意的点 qq将滚动条美化了 而且在无操作的情况下是不会显示的 滚动条美化 ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px position: absolute; } ::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px '0': '5px' }" @mouseenter="showMessageScrolls" @mouseleave="hideMessageScrolls">
3.1K30发布于 2019-05-26
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 360截图20210226144549144.png p5.gif 大家需要准备两个大小一致的ico图标，其中一个透明即可，通过定时器来控制切换。 electron-builder打包配置 创建vue3项目的时候，根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending，基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助！ .mp.itc.gif
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版聊天工具了。本篇讲了开发环境搭建聊天工具的步骤。当然服务器部署也特别简单的。如果你对这款聊天工具有兴趣，不妨动动手指哦！
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大模型。 icon-apps /> 上传文件</a-doption> <a-dsubmenu trigger="hover" position="rb" :popup-translate="[<em>5</em>, <em>5</em>]" value="option-1" :content-style="{'min-width': '120px'}"> <template #default><icon-apps
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朋友圈新开窗口。 resolve(__dirname, 'src/components'), '@views': resolve(__dirname, 'src/views'), } } }})聊天面板布局模板整个项目布局结构分为菜单栏 ${ext}" }}综上就是electron31+vue3开发桌面端聊天项目的一些分享，希望对小伙伴们有些帮助！
h5即时聊天|在线聊天客服|h5在线咨询
鉴于之前有开发过h5仿微信聊天，最近又捣鼓了一个h5在线咨询项目，可实现顾客在线一对一聊天沟通，发送消息、表情(动图)，发送图片，推送商品链接。
electron25+vue3+pinia2跨端chatgpt聊天应用
最近一直学习electron25集成vite4.x技术开发跨端应用。就搭建了一个electron-chatgpt聊天EXE程序。 图片electron-vite4 for chatgpt 基于最新前端技术栈vite4+vue3+pinia2+vue-router+electron25跨端技术开发桌面端仿chatgpt聊天应用程序。 ^3.1.0electron结合vite插件：vite-plugin-electron^0.11.2图片项目结构图使用最新版electron跨端技术配合vite4.x全家桶技术，采用vue3 setup 图片图片图片图片图片图片图片图片图片图片图片图片图片electron+vite快速搭建应用创建vite项目yarn create vite electron-vite4-vue3cd electron-vite4 -vue3yarn installyarn dev安装electron依赖包# 安装electronyarn add -D electron# 安装electron-builder 用于打包可安装exe
TRTC学习之旅（四）-- 用electron实现视频聊天室
前言 前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式，今天我们学习一下在桌面应用层用electron实现视频聊天。 后面三个参数分别代表了beauty美颜级别、white美白级别、rudiness红润级别 trtcCloud.setBeautyStyle(TRTCBeautyStyle.TRTCBeautyStyleNature, 5, 5, 5); 第五步：进入房间 全局变量TRTCAppScene有四个属性，用于设置进入房间的通话类型： TRTCAppSceneVideoCall：视频通话场景，支持720P、1080P高清画质，单个房间最多支持 适合：[1对1语音通话]、[300人语音会议]、[语音聊天]、[语音会议]、[在线狼人杀]等。 之前的版本建议赋值为空字符串 /** * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景，适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天
h5群聊天室|h5仿微信聊天室|h5直播聊天
今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的
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
Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序
2025全新原创研发vite7.1+electron38+vue3 setup+element-plus仿微信电脑端聊天Exe。 electron-vite-wechat使用最新版跨平台框架Electron38整合Vite7搭建项目。electron38-wechat包含了聊天、通讯录、收藏、朋友圈、短视频、我的等模块。 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' 研发组', content: 'Electron38+Vite7仿微信客户端聊天。' os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件
BlueTooth聊天软件（支持表情和语音）
5.ConnectedThread里面就是io和数据传输。传输过程中可能会有蓝牙掉线。
聊天APP开发软件说明
开学季收心攻略招生书本便签首图-4.jpg 在线聊天APP软件开发一般有哪些功能？或者是在开发制作一个在线聊天软件的时候要注意问题。 现在的在线聊天APP软件开发为人们带来了更多的便利及多样的社交聊天生活方式。一、在线聊天APP软件开发一般有哪些功能？1. 实名验证方式 因为是线上的聊天软件平台存在虚拟性，通过实名验证方式可以更好地保障双方的交友安全。 2. 在线聊天功能 在线聊天软件APP可以实现在线聊天教育的功能，通过文字，视频，语音，图片的方式在线直接聊天。 5. 移动社交的方式是现在发展的趋势，类似现在各种的在线聊天软件通过现在的方式更好地满足到现在用户的聊天信息的要求，丰富人们的社交生活。
原创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
TP5.x——聊天列表查询
前言 查询聊天列表，并返回最后一条聊天记录。这个有一个比较尴尬的点就是，一个是你主动发出的，一个是你接收的。 `id` 查询结果 改为TP5 整理思路也很简单,就是先进行**两次**sql语句的构造,然后用左连接查询. "content": "立夏姐姐", "time": 1553187002 }, { "uid": 5,
使用electron-vue + frp 开发一款穿透软件
注意：下面的步骤都是要基于服务端&客户端已经能实现内网穿透，如果没有，请移步：Linux环境搭建frp实现内网穿透 ---- 准备工作： 使用electron-vue框架，跑起来项目， 参考地址： https ://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 跑起来长这样 image-8ce1b4df8d9d46dd8423c075c3d301cc.png 服务端&客户端已经能实现内网穿透，参考文章：http://lvsige.top/archives/19 如果以上两项都完成了，那么请继续~ ---- 捋一下思路 一个穿透软件，需要具备的能力：用户安装软件后 (不能说每个用户使用此软件时，都需要在本地下载一个frp压缩包） 能够在软件里启动子进程。 ./frpc -c ./frpc.ini 这个命令应该自动完成。 child_process文档 ---- 具体代码 把解压后的frp文件夹放在electron-vue项目里 image-3e97466ba52748a8874c5397eff67487.png 在主进程里
Electron+Vite2整合开发vue3.0直播聊天小视频应用
前言 前段时间有给大家分享一个Electron跨端仿QQ聊天，今天带来最新研发的Electron短视频|直播应用。 未标题-p2.png 支持上下拖拽滑动切换视频、键盘上下键切换视频等功能。 未标题-p5.png vite2-electronDouYin 支持新开多窗口模式。 022360截图20210326190114305.png 技术栈 vite构建：vite.js2.0 vue3全家桶：vue3.0+vuex4+vue-router@4 electron框架：electron12.0.1 globalShortcut } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib a8a5dc63jw1falkc05snfg206q046gli.gif
放弃 Python 和 Electron，选择 aardio 编写批量视频合并软件
对于他们来说，唯一能够想到的就是用「剪映」之类的视频剪辑软件来对视频进行合并，但是原视频一分钟一段，自称合并完一整天的视频得花个一两天的时间。 考虑到使用者的计算机水平，软件必须是双击打开即可运行 考虑到使用者的电脑环境，满足 Windows 端即可 在州的先生这里，有三个编程语言技术栈能够满足这个功能需求： Python 下的 PyQt5、 Tkinter JavaScript 下的 Electron aardio Python 下的图形界面程序（PyQt5）州的先生写得最多，但是多是自己用、很少打包，因为每次打包 都要碰运气，看天吃饭 Electron 是州的先生开发「MrDoc客户端」所选择的技术栈，平台兼容性好，开发快速，但是打包体积有点大（得打包一个 V8 引擎进去）。 aardio 使用得最少，基本没有开发过成品软件，但是其小巧且强大的功能一直深得我意，所以一直放在备用工具库中。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号