经过一个月封闭式潜心研发，原创新作vite5-webchat聊天系统正式出成果啦。

vue3-vitechat聊天项目采用最新前端技术vite5+vue3+vue-router@4+pinia+element-plus搭建web端仿微信界面聊天实例。

实现了聊天、通讯录、收藏、朋友圈、短视频、我的等模块。

实现技术

编码器：VScode
技术框架：Vite5.2+Vue3.4+vue-router4.3+pinia2
UI组件库：element-plus^2.7.5
状态管理：pinia^2.1.7
地图插件：@amap/amap-jsapi-loader(高德地图组件)
视频滑动：swiper^11.1.4
编辑器：wangeditor^4.7.15(富文本编辑器)
样式编译：sass^1.77.4
构建工具：vite^5.2.0

项目结构

使用vite.js搭建项目框架，采用vue3 setup语法糖开发页面。

整个项目涉及到的知识还是蛮多的，如果感兴趣，可以一起交流讨论哈~