Electron38+Vue3 setup+Vite7+Pinia3+ElementPlus仿微信/QQ电脑端聊天软件

xiaoyan2015 · · 1180 次点击 · 开始浏览    置顶

[electron38-vue3-winchat](https://www.cnblogs.com/xiaoyan2017/p/19088804):最新跨平台实战`electron38+vite7.1+vue3.5+element-plus`客户端聊天系统。 ![未标题-0.png](https://static.golangjob.cn/250916/f90a5609f3854755e6cd55781b965e31.png) ![360截图20250912000735188.png](https://static.golangjob.cn/250916/e47a1cadb77ea8d628acb87d2eb0b74d.png) ## 技术栈 - 开发工具:vscode - 跨平台框架:electron38.0.0 - 前端框架:vite7.1.2+vue3.5.18+vue-router4.5.1 - 组件库:element-plus^2.11.2 - 状态管理:pinia^3.0.3 - 存储服务:pinia-plugin-persistedstate^4.5.0 - 打包构建:electron-builder^24.13.3 - electron结合vite管理:vite-plugin-electron^0.29.0 ![p2.gif](https://static.golangjob.cn/250916/119bb8b5315015c4e62616be7c69d57e.gif) ![p3.gif](https://static.golangjob.cn/250916/c1492dffdf1f6064ee1190fca0e403ff.gif) ## 项目框架结构 基于最新款跨平台框架`electron38+vite7`搭建项目模板。 ![360截图20250911234347782.png](https://static.golangjob.cn/250916/1f00cace6de9f75048259e24a83b5a7a.png) > ### electron38-vite7-vue3-wechat聊天项目已经更新到我的原创作品集。 > [Electron38+Vue3+ElementPlus仿微信客户端聊天系统](https://mall.bilibili.com/neul-next/detailuniversal/detail.html?isMerchant=1&page=detailuniversal_detail&saleType=10&itemsId=13136393&loadingShow=1&noTitleBar=1&msource=merchant_share) ![360截图20250911235225581.png](https://static.golangjob.cn/250916/4cfb1b7524718d5e94a6a45cd0bafdc2.png) ![360截图20250911235524326.png](https://static.golangjob.cn/250916/ce1e066fcbb02085aa9af8a476967142.png) ![360截图20250911235637658.png](https://static.golangjob.cn/250916/dadc36c9f4cef0f6379139ac6ab46d35.png) ![360截图20250911235310309.png](https://static.golangjob.cn/250916/83875144bdb6b6f90e7ce1565034aac2.png) ![360截图20250911235839919.png](https://static.golangjob.cn/250916/f733f908564deca279f7ef20f91a6ef6.png) ![001360截图20250911221236448.png](https://static.golangjob.cn/250916/75f4c8b1833e71b7502fb0ed1d2f5f54.png) ![360截图20250912000544282.png](https://static.golangjob.cn/250916/458c451d8fae00021e8b351e2b8eb033.png) ![003360截图20250911222132307.png](https://static.golangjob.cn/250916/f0b4e6ebe3b40b718fb31d4841b85afe.png) ![005360截图20250911223351208.png](https://static.golangjob.cn/250916/61635a4adf815238b50ad12387ea2a26.png) ![009360截图20250911225000821.png](https://static.golangjob.cn/250916/5288166fc17567aca195dc09af31644a.png) ![009360截图20250911225523570.png](https://static.golangjob.cn/250916/1fc2936176efde5112f89889f0e56fa8.png) ![011360截图20250911231535128.png](https://static.golangjob.cn/250916/7f763172ef6d3419f5d6618ae5bcd393.png) ![019360截图20250911232843999.png](https://static.golangjob.cn/250916/de239c7187b9302c460a32049d05bb4f.png) [Tauri2.0+Vite5聊天室|vue3+tauri2+element-plus仿微信|tauri聊天应用](https://www.cnblogs.com/xiaoyan2017/p/18437155) [Tauri2.0-Vue3OS桌面端os平台|tauri2+vite6+arco电脑版OS管理系统](https://www.cnblogs.com/xiaoyan2017/p/18618163) [最新版uniapp+vue3+uv-ui跨三端短视频+直播+聊天【H5+小程序+App端】](https://www.cnblogs.com/xiaoyan2017/p/18962574) [最新版uni-app+vue3+uv-ui跨三端仿微信app聊天应用【h5+小程序+app端】](https://www.cnblogs.com/xiaoyan2017/p/19031695) [Electron31-Vue3Admin管理系统|vite5+electron+pinia桌面端后台Exe](https://www.cnblogs.com/xiaoyan2017/p/18366451) [Flutter3-MacOS桌面OS系统|flutter3.32+window_manager客户端OS模板](https://www.cnblogs.com/xiaoyan2017/p/19018641) [Uniapp-DeepSeek跨三端AI助手|uniapp+vue3+deepseek-v3流式ai聊天模板](https://www.cnblogs.com/xiaoyan2017/p/18853514) [vue3-webseek网页版AI问答|Vite6+DeepSeek+Arco流式ai聊天打字效果](https://www.cnblogs.com/xiaoyan2017/p/18795796) [Vue3-DeepSeek-Chat流式AI对话|vite6+vant4+deepseek智能ai聊天助手](https://www.cnblogs.com/xiaoyan2017/p/18773480) [最新研发flutter3.27+bitsdojo_window+getx客户端仿微信聊天Exe应用](https://www.cnblogs.com/xiaoyan2017/p/18995132) [最新版Flutter3.32+Dart3.8跨平台仿微信app聊天界面|朋友圈](https://www.cnblogs.com/xiaoyan2017/p/18978176) [flutter3-dymall仿抖音直播商城|Flutter3.27短视频+直播+聊天App实例](https://www.cnblogs.com/xiaoyan2017/p/18700875)

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1180 次点击  ∙  1 赞  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传