vue3 setup网页版聊天室

xiaoyan_2018 2024-06-25 07:59:47

vite5-webchat一款基于最新前端技术vite5+vue3+vue-router4+pinia+sass+element-plus实现网页端仿微信聊天系统。实现了聊天、通讯录、朋友圈、短视频、我的等功能模块。支持收缩侧边栏、背景壁纸换肤、锁屏、最大化等功能。

实现技术

  1. 编码器:vscode
  2. 技术框架:vite5.2+vue3.4+vue-router4.3+pinia2
  3. UI组件库:element-plus^2.7.5 (饿了么vue3组件库)
  4. 状态管理:pinia^2.1.7
  5. 地图插件:@amap/amap-jsapi-loader(高德地图组件)
  6. 视频滑动:swiper^11.1.4
  7. 编辑器:wangeditor^4.7.15(笔记/朋友圈富文本编辑器)
  8. 样式编译:sass^1.77.4
  9. 构建工具:vite^5.2.0

整个项目采用vite5.x构建工具创建项目模板,使用vue3 setup语法开发页面。 

vite-wechat聊天项目已经发布到我的原创作品录,感兴趣的可以去看看。

vite-vue3-chat仿微信网页版聊天系统 

目前该项目正式完结,涉及到的知识点还是挺多的,想要了解更多技术细节,可以去看看这篇分享文章。

https://blog.csdn.net/yanxinyun1990/article/details/139890070

 

...全文
106 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

39,093

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧