- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
Electron-React19-WinChat聊天系统|react+electron客户端聊天程序Exe
经过了整整两周的高强度研发，最新原创力作electron41+react19全家桶构建轻量级桌面电脑版聊天系统项目，正式完结啦！ 插件：vite-plugin-electron^1.1.1electron-react-winchat采用自定义封装electron/react新开多窗口，包含聊天、通讯录、收藏、朋友圈、视频、我的等模块 ('win-min') } // 最大化/还原 const handleWinMax2Min = () => { window.electron.invoke('win-toggle').then '向下还原' : '最大化'} onClick={handleWinMax2Min}> {hasMaximized ? +react19实战桌面端聊天室的一些项目分享知识。
15720编辑于 2026-08-17 - 来自专栏h5
electron25+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 minimize') } // 最大化/还原 const handleRestore = () => { window.electronAPI.invoke('win__max2min
1.6K60编辑于 2023-06-11 - 来自专栏h5
electron-vue仿微信桌面端|electron聊天实例
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 trayIco2 = `${__static}/empty.ico` let apptray = { // 创建托盘图标 createTray() { tray = new Tray(trayIco1 trayIco1 : trayIco2) hasIco = ! text/plain" && cbd.types[1] === "Files" && ua.match(/Macintosh/i) && Number(ua.match(/Chrome\/(\d{2} +vue开发聊天实例项目 就介绍差不多了，希望能有些帮助~~
6.7K41发布于 2020-01-10 - 来自专栏每天进步一点点
electron制作聊天界面(仿制qq)
content: ''; width: 5px; cursor: e-resize; position: absolute; right: -2px color: #fff; min-width: 15px; min-height: 15px; padding: 0 2px right: -6px; top: 14px; } } .avatar { order: 2; ; align-items: center; .icon { display: inline-block; padding: 2px content: ''; width: 5px; cursor: e-resize; position: absolute; right: -2px
3.1K30发布于 2019-05-26 - 来自专栏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 /static/tray.ico') let trayIco2 = path.join(__dirname, '.. this.trayIco1 : this.trayIco2) hasIco = ! image.png ending，基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助！ .mp.itc.gif
3.3K00发布于 2021-02-27 - 来自专栏h5
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 image.png 安装组件 # Vue 2 项目，安装 Vant 2： npm i vant -S # Vue 3 项目，安装 Vant 3： npm i vant@next -S 快手上手 import image.png /** * @Desc vite2+electron打包配置 * @Time andy by 2021-03 * @About Q：282310962
2.9K40发布于 2021-03-28 - 来自专栏不安分的猿人
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 - 来自专栏有困难要上，没有困难创造困难也要上！
Electron 使用 Webpack2 预编译 Electron 和 Browser targets
前一篇文章说了说怎样使用 Webpack2 预编译 Electron 应用，但是有时候我们希望使用 Webpack2 的热部署功能来提高我们的开发效率，使我们在代码修改后能自动立即看到修改后的结果。 ": "webpack --target electron-renderer && electron scripts 中的 electron 使用 "webpack --target electron-renderer" 来打包js和css，然后仍然使用 electron 来运行应用程序。 /user'); var user1 = new User('kongxx'); console.log("Hi, I am " + user1.getName()); var user2 = new User('ken'); console.log("Hi, I am " + user2.getName()); console.log('running in electron: ', require
1.4K70发布于 2018-05-14 - 来自专栏h5
Electron-DeepSeek-Chat流式AI系统|electron39+vue3+deepseek手搓ai聊天助手
2026年最新跨平台AI实战 - Electron39.2+Vue3+DeepSeek-V3.2+Arco搭建桌面端ai模板。 运用技术跨平台技术框架：electron^39.2.7前端技术框架：vite^7.2.4+vue^3.5.24+vue-router^4.6.4AI大模型框架：DeepSeek-V3.2 + OpenAIUI ^26.0.12electron39-vue3-ai支持深度思考模式、katex数学公式及mermaid图表。 项目结构框架使用最新跨平台技术Electron39.2结合Vite7全家桶技术，对接deepseek-v3.2大模型。 primary" shape="circle" @click="handleStopStream"> <div style="background:#fff;border-radius:<em>2</em>px
55020编辑于 2026-01-13 - 来自专栏h5
electron31+vue3 setup桌面端Exe聊天系统
几周之前有开发一款vite5+vue3网页web版聊天项目ViteWchat。这次带来全新跨平台electron31.x+vue3+vite5+element-plus仿微信电脑端聊天程序。 vite5-electron-wechat项目采用最新版跨端技术electron31结合vite5.x开发桌面端聊天框架。 插件：vite-plugin-electron^0.28.7electron-vtechat项目支持新开多个窗口。 resolve(__dirname, 'src/components'), '@views': resolve(__dirname, 'src/views'), } } }})聊天面板布局模板整个项目布局结构分为菜单栏 ${ext}" }}综上就是electron31+vue3开发桌面端聊天项目的一些分享，希望对小伙伴们有些帮助！
92721编辑于 2024-07-09 - 来自专栏跟铭哥学音视频技术
TRTC学习之旅（四）-- 用electron实现视频聊天室
前言 前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式，今天我们学习一下在桌面应用层用electron实现视频聊天。 src\debug\gen-test-user-sig.js设置好自己应用的sdkAppId和秘钥 image.png 设置好之后，通过调用ge-test-user-sig.js提供的方法生成签名 // 2. 配置基本的事件订阅 //技术指标统计回调,每2秒回调一次 trtcCloud.on('onStatistics', (statis)=>{logger.log('onStatistics 适合：[1对1语音通话]、[300人语音会议]、[语音聊天]、[语音会议]、[在线狼人杀]等。 之前的版本建议赋值为空字符串 /** * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景，适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天
5.4K30发布于 2020-07-08 - 来自专栏编程技术总结分享
Electron入门教程2 ——进程模型
欢迎来到Electron的第二期入门教程，上一期我们从零开始编写并发布了第一个简单的windows桌面应用程序，对electron的项目结构等也有了基本了解。 这一期开始，会继续深入地学习Electron的其他知识点，这一节概念性的东西会比较多，虽然后面也有实操的点,但重在理解。 应用的生命周期的作用 主进程还通过Electron的应用程序模块控制应用程序的生命周期。 Electron公开了控制本机桌面功能的各种模块，比如菜单、对话框和托盘图标。 的进程模型就学到这里，后面会继续更新Electron的教程！！
1.7K50编辑于 2022-11-22 - 来自专栏每天进步一点点
electron仿制qq(2) 主界面制作
有可能是根据分辨率来显示的) 最大宽度: 605px 顶部头像区域高度: 140px 底部选项区域高度: 40px 搜索框高度: 30px 头像直径/高度: 50px 右键菜单宽度: 180px 下载安装 安装electron-vue #cd F:\electron vue init simulatedgreg/electron-vue qq_main cd qq_main npm install npm run dev ? import {BrowserWindow} from 'electron' let main = null; function createMainWindow() { main = new height: 32px outline: none text-indent: 2rem 版权声明 本文只学习electron使用 不做任何商业用途,文章中使用的腾讯qq相关图片和相关Logo都作为学习使用,如果侵犯了腾讯的相关权益,请联系作者删除!
1.9K41发布于 2019-05-26 - 来自专栏各类技术文章~
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 run serve # 2：【根目录】，启动后端服务 cd ../ && npm run dev # 预发布模式（环境变量为：prod） npm run start #
2.2K00发布于 2021-10-19 - 来自专栏h5
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聊天软件
62110编辑于 2025-09-13 - 来自专栏小鑫同学编程历险记
客户端开发（Electron）认识窗口2
Dear，大家好，我是“前端小鑫同学”，长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 /guide/security.html#node-integration for more info // nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION process.env.ELECTRON_NODE_INTEGRATION nodeIntegration: true, contextIsolation: false, remote.getCurrentWindow(), modal: true, webPreferences: { nodeIntegration: true } }) 总结： 关于Electron
1.5K20编辑于 2022-12-26 - 来自专栏刘晓杰
BlueTooth聊天软件（支持表情和语音）
（accept函数） （2）ConnectThread This thread runs while attempting to make an outgoing connection with （已经连接，准备进行数据交换） 2.流程 BluetoothChat加载的同时启动BluetoothChatService。 （1）点击右上角的“瞄准镜”图标，调用ensureDiscoverable，使自己可被周围的蓝牙检测到 （2）点击右上角的“搜索”图标，进入DeviceListActivity。 findViewById(R.id.root));//定义main.xml里面最大的LinearLayout的id=root 函数功能：遍历所有控件，包括子控件，只要点击的view不是Edittext就隐藏软键盘 (2) .split("=")[1]); String filePath = sub[2]
3.3K40发布于 2019-02-21 - 来自专栏用户9182048的专栏
聊天APP开发软件说明
开学季收心攻略招生书本便签首图-4.jpg 在线聊天APP软件开发一般有哪些功能？或者是在开发制作一个在线聊天软件的时候要注意问题。 现在的在线聊天APP软件开发为人们带来了更多的便利及多样的社交聊天生活方式。一、在线聊天APP软件开发一般有哪些功能？1. 实名验证方式 因为是线上的聊天软件平台存在虚拟性，通过实名验证方式可以更好地保障双方的交友安全。 2. 在线聊天功能 在线聊天软件APP可以实现在线聊天教育的功能，通过文字，视频，语音，图片的方式在线直接聊天。 5. 2、互动性功能要强 互动性是现在社交平台活跃平台的最佳方式，通过各种的互动性的功能制作，如发布信息动态或则是关注点赞的方式，亦或是现在的社区论坛的方式活跃现在的APP的软件的活跃度。
2.3K30发布于 2021-11-12 - 来自专栏有困难要上，没有困难创造困难也要上！
Electron 使用 Webpack2 打包应用程序
前两天看了一下使用 Electron 开发应用程序，今天说说所怎样集成 Electron 和 Webpack2 来打包应用程序。 安装依赖库 这里准备做个小的演示程序，首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packager ": "webpack && electron /* eslint strict: 0 */ 'use strict'; const electron = require('electron'); const app = electron.app; electron 应用程序 $ npm run electron 这一步会首先运行 “webpack” 来生成 bundle.js 文件，然后再使用 “electron .”
1.5K90发布于 2018-05-14 - 来自专栏liulun
微软要放弃Electron了???聊聊WebView2
有好几个公众号发文说“微软要放弃Electron了”，实际情况是微软旗下的Teams产品打算把Electron框架换成WebView2而已。 接下来我就聊一下这个事情： 微软不会放弃Electron 第一：Electron是GitHub的产品，GitHub是微软的子公司，WebView2是Edge团队的产品（是Edge的副产物），Edge团队是微软直属的团队 第二：微软内部有很多软件都是基于Electron开发的，比如VSCode和GitHubDesktop，不仅仅是只有Teams这么一个产品在用它，非但微软内部，包括Facebook、MongoDB、twitch 第三：Teams之所以要把Electron换成WebView2，并不是因为Electron不好，而是因为Electron不称手，就像一个木匠换个锤子敲钉子一样普通，对于那些Electron的从业者，或者想进入 第七：WebView2的性能提升或资源消耗削减可能并没有那么明显，我们都知道，只要使用Chromium，就难逃多进程架构，WebView2也不例外，它的进程甚至比Electron的进程还要多一个。
4.8K11编辑于 2021-12-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号