vue-Chat

🎯 简介

一款仿照微信的聊天

✨Features

✔ 实现实时聊天

✔ 支持发送表情包

✔ 支持发送图片

✔ 支持上传动态，包括文字和图片

✔ 支持重置密码

✔ 支持直接查看对方个人信息

✔支持刷新断线重连和持久存储对话信息

不足

😟 不支持语音聊天和视频通话

🚀 技术栈：

• Vue3
• Vuex
• Vue-Router
• Element-plus
• socket.io
• express
• mysql

🎉 项目优化：

1. 路由懒加载按需加载路由页面
2. element-plus 按需引用，减小打包体积
3. webpack 配置 UglifyPlugin Webpack Plugin 插件用来缩小 js 文件

👀 预览地址

https://coloey.github.io/Vue-chat/

✏ 测试账号：

Coloey Xq123456

ZhangSan Zs123456

📚 使用指南

npm install

Compiles and hot-reloads for development

npm run server

Run Server

cd Server
npm run app.js
node app.js

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

deploy in Github Page

bash deploy.sh

🤗 有用的话欢迎给个 star⭐ 哦