首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏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商城

    15020编辑于 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 electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后,就能去除原窗体顶部,原先的顶部操作栏就没有了,需要自定义配置。 +vue开发聊天实例项目 就介绍差不多了,希望能有些帮助~~

    6.7K41发布于 2020-01-10
  • 来自专栏每天进步一点点

    electron制作聊天界面(仿制qq)

    这里解释一下为什么有一个paddingRight 因为我们的滚动条是5px 如果不加 在滚动条显示的时候页面会抖动

    3.1K30发布于 2019-05-26
  • 来自专栏h5

    Electron跨平台仿QQ|vue3+electron+antdv聊天应用

    今分享一个最新开发的electron跨端聊天应用。 pp3.gif 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 p4.gif 框架技术 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron11.2.3 打包工具:vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观,大家可以选择在创建窗口的时候去掉系统边框,自定义拖拽区域。 electron-builder打包配置 创建vue3项目的时候,根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending,基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助! .mp.itc.gif

    3.3K00发布于 2021-02-27
  • 来自专栏不安分的猿人

    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
  • 来自专栏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大模型。 # 项目名称VITE_APPNAME = 'Electron39-DeepSeek'# 运行端口VITE_PORT = 3003# 是否加载调试工具devtoolsVITE_DEVTOOLS = true

    54320编辑于 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开发桌面端聊天项目的一些分享,希望对小伙伴们有些帮助!

    92121编辑于 2024-07-09
  • 来自专栏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

    1.6K60编辑于 2023-06-11
  • 来自专栏跟铭哥学音视频技术

    TRTC学习之旅(四)-- 用electron实现视频聊天

    前言 前面我们已经学习过在web端用TRTC实时音视频SDK实现了多人会议室和互动直播模式,今天我们学习一下在桌面应用层用electron实现视频聊天。 使用一下指令即可在项目中使用: npm install trtc-electron-sdk@latest --save 如果有人用vue框架进行开发的话,我这里可以推荐一个脚手架electron-vue 适合:[1对1语音通话]、[300人语音会议]、[语音聊天]、[语音会议]、[在线狼人杀]等。 之前的版本建议赋值为空字符串 /** * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景,适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天 trtcCloud.exitRoom(); 总结 从基本实现过程来看,electron版本和web版本的流程基本没差,从demo上看,electron版本在流程上是有些精简的,比如: 1.electron

    5.4K30发布于 2020-07-08
  • 来自专栏各类技术文章~

    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
  • 来自专栏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聊天软件

    61510编辑于 2025-09-13
  • 来自专栏刘晓杰

    BlueTooth聊天软件(支持表情和语音)

    1.三个用到的Thread的意义: (1)AcceptThread 服务器端,起监听作用。(accept函数) (2)ConnectThread This thread runs while attempting to make an outgoing connection with a device.(正在试图连接) (3)ConnectedThread This thread runs during a connection with a remote device. It handles all incoming and outgoing transmissions.(已经连接,准备进行数据交换)

    3.3K40发布于 2019-02-21
  • 来自专栏用户9182048的专栏

    聊天APP开发软件说明

    开学季收心攻略招生书本便签首图-4.jpg 在线聊天APP软件开发一般有哪些功能?或者是在开发制作一个在线聊天软件的时候要注意问题。 现在的在线聊天APP软件开发为人们带来了更多的便利及多样的社交聊天生活方式。一、在线聊天APP软件开发一般有哪些功能?1. 实名验证方式 因为是线上的聊天软件平台存在虚拟性,通过实名验证方式可以更好地保障双方的交友安全。 2. 在线聊天功能 在线聊天软件APP可以实现在线聊天教育的功能,通过文字,视频,语音,图片的方式在线直接聊天。 5. 移动社交的方式是现在发展的趋势,类似现在各种的在线聊天软件通过现在的方式更好地满足到现在用户的聊天信息的要求,丰富人们的社交生活。

    2.3K30发布于 2021-11-12
  • 来自专栏前端开发随笔

    Electron处理electron:build打包问题

    执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题

    2.7K10发布于 2021-11-24
  • 来自专栏CY

    Electron

    Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件,设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装:npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start,仅当index.js内容变化时,就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中,借助 Tray 模块实现。 //app 模块,控制整个应用程序的事件生命周期。 //BrowserWindow 模块,它创建和管理程序的窗口。

    89320编辑于 2024-04-19
  • 来自专栏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

    65320编辑于 2025-04-17
  • Electron——electron-vue使用webworker

    前言 electron-vue框架中,我们如何使用webworker,请看下文; worker-loader: https://v4.webpack.js.org/loaders/worker-loader

    43810编辑于 2024-08-15
  • 来自专栏小吕

    使用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 在主进程里

    1K20编辑于 2022-06-16
  • 来自专栏h5

    Electron+Vite2整合开发vue3.0直播聊天小视频应用

    前言 前段时间有给大家分享一个Electron跨端仿QQ聊天,今天带来最新研发的Electron短视频|直播应用。 未标题-p2.png 支持上下拖拽滑动切换视频、键盘上下键切换视频等功能。 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 打包参数配置 由于vite.js构建的项目不能在vite.config.js中配置electron打包参数。 需要在项目根目录下新建一个electron-builder.json打包配置文件。

    2.9K40发布于 2021-03-28
  • 来自专栏州的先生

    放弃 Python 和 Electron,选择 aardio 编写批量视频合并软件

    对于他们来说,唯一能够想到的就是用「剪映」之类的视频剪辑软件来对视频进行合并,但是原视频一分钟一段,自称合并完一整天的视频得花个一两天的时间。 考虑到使用者的计算机水平,软件必须是双击打开即可运行 考虑到使用者的电脑环境,满足 Windows 端即可 在州的先生这里,有三个编程语言技术栈能够满足这个功能需求: Python 下的 PyQt5、 Electron 是州的先生开发「MrDoc客户端」所选择的技术栈,平台兼容性好,开发快速,但是打包体积有点大(得打包一个 V8 引擎进去)。 aardio 使用得最少,基本没有开发过成品软件,但是其小巧且强大的功能一直深得我意,所以一直放在备用工具库中。 所以 Electron 直接否掉了,拖油瓶(v8引擎)太大了。 Python 自用还行,打包后的程序不知道会出现啥错误情况,也给否掉了。 那就 aardio 吧。

    1.8K10编辑于 2022-12-22
领券