分享
  1. 首页
  2. 主题
  3. Go Web开发

vite7+vue3+element-plus网页聊天系统|vue3.5仿微信web聊天

xiaoyan2015 · · 1975 次点击 · 开始浏览 置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

[vite-vue3-webchat](https://www.cnblogs.com/xiaoyan2017/p/19074693):最新研发的一款基于`vite7.1+vue3.5+pinia3+element-plus`搭建网页版仿微信聊天模板。 ![360截图20250904081400771.png](https://static.golangjob.cn/250907/e0c288ed808e8d7559f4c92cf417f513.png) ![011360截图20250904000235421.png](https://static.golangjob.cn/250907/328ee898f02ec994ae63858ef1dad901.png) ## 使用技术 - 开发工具:vscode - 技术框架:vite7.1+vue3.5+vue-router4.5+pinia3 - 组件库:element-plus^2.11.1 (饿了么网页端vue3组件库) - 状态管理:pinia^3.0.3 - 地图插件:@amap/amap-jsapi-loader(高德地图组件) - 视频滑动:swiper^11.2.10 - 富文本编辑器:wangeditor^4.7.15 - 样式编译:sass^1.91.0 - 构建工具:vite^7.1.2 ![p3.gif](https://static.golangjob.cn/250907/aec2fbb441c452109244082ccbc3340d.gif) ![006360截图20250903234004499.png](https://static.golangjob.cn/250907/0d88d7080d1af54a1c5a5642e34374d5.png) ## 项目结构目录 使用最新前端构建工具`vite7`搭建项目模板。 ![360截图20250905073642668.png](https://static.golangjob.cn/250907/75e957f2764531078c55fa7bf95e3c6b.png) > ### vite-vue3-wechat聊天项目已经更新到我的原创作品集。 > [vite7+vue3.5+pinia3+element-plus仿微信网页版聊天](https://mall.bilibili.com/neul-next/detailuniversal/detail.html?isMerchant=1&page=detailuniversal_detail&saleType=10&itemsId=11190490&loadingShow=1&noTitleBar=1&msource=merchant_share) ![001360截图20250903224700615.png](https://static.golangjob.cn/250907/ef6374727a6b3748fea15797501beaf8.png) ![002360截图20250903225137409.png](https://static.golangjob.cn/250907/724070e7343e38033c8e2f082858dd6c.png) ![002360截图20250903232828291.png](https://static.golangjob.cn/250907/aaf4fad08085787f785c43dbdc6e8129.png) ![003360截图20250903233033123.png](https://static.golangjob.cn/250907/0b406797cbe35933e6e2f8761cddc9b4.png) ![005360截图20250903233351971.png](https://static.golangjob.cn/250907/43ae5bbe005754068e0abeccc9106e68.png) ![005360截图20250903233712315.png](https://static.golangjob.cn/250907/69b02ab9d261a7ee3d7e93711515b7ef.png) ![006360截图20250903234028419.png](https://static.golangjob.cn/250907/3b028c3a77425fd078e43d1a695c0c28.png) ![006360截图20250903234425490.png](https://static.golangjob.cn/250907/1df8daef8ad985791235744366c5682d.png) ![008360截图20250903235123718.png](https://static.golangjob.cn/250907/c621e58b062b18b83a6dcafbefa050c5.png) ![011360截图20250903235835045.png](https://static.golangjob.cn/250907/a8967a608fa8497b6c758996d84acead.png) ![011360截图20250903235921902.png](https://static.golangjob.cn/250907/1c146b088ca895ac4b9b459c70e6a001.png) ![018360截图20250904001549125.png](https://static.golangjob.cn/250907/6525bd4b182c0c5e1dd4ee7c5d05cd4a.png) ![011360截图20250904000428421.png](https://static.golangjob.cn/250907/f6ed130da1b4e7bfbbd5ac8ae74824fe.png) ![013360截图20250904001118030.png](https://static.golangjob.cn/250907/ec74da47b8ede5e748ea6c072dd3c076.png) ![014360截图20250904001148829.png](https://static.golangjob.cn/250907/d2c4b7d50b18804a17507fd34099364e.png) ![015360截图20250904001225078.png](https://static.golangjob.cn/250907/29ce180cdfade89a64dc4042d5c24270.png) [最新版uniapp+vue3+uv-ui跨三端短视频+直播+聊天【H5+小程序+App端】](https://www.cnblogs.com/xiaoyan2017/p/18962574) [Flutter3-MacOS桌面OS系统|flutter3.32+window_manager客户端OS模板](https://www.cnblogs.com/xiaoyan2017/p/19018641) [最新版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) [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) [Tauri2.0-Vue3OS桌面端os平台|tauri2+vite6+arco电脑版OS管理系统](https://www.cnblogs.com/xiaoyan2017/p/18618163) [Tauri2.0+Vite5聊天室|vue3+tauri2+element-plus仿微信|tauri聊天应用](https://www.cnblogs.com/xiaoyan2017/p/18437155)

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

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

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

用户登录

没有账号?注册
(追記) (追記ここまで)

今日阅读排行

    加载中
(追記) (追記ここまで)

一周阅读排行

    加载中

关注我

  • 扫码关注领全套学习资料 关注微信公众号
  • 加入 QQ 群:
    • 192706294(已满)
    • 731990104(已满)
    • 798786647(已满)
    • 729884609(已满)
    • 977810755(已满)
    • 815126783(已满)
    • 812540095(已满)
    • 1006366459(已满)
    • 692541889

  • 关注微信公众号
  • 加入微信群:liuxiaoyan-s,备注入群
  • 也欢迎加入知识星球 Go粉丝们(免费)