用Vue3+Vite+Typescript及全家桶最近版本搭建一个多人在线聊天室

·  阅读 994
用Vue3+Vite+Typescript及全家桶最近版本搭建一个多人在线聊天室

先整个在线体验链接,瞅瞅效果:

芒果皮儿聊天室在线Demo

一直想体验一下Vue3及周边技术栈的最新版本,于是最近几天忙活了一下,整了个在线聊天室的Demo版本吧,使用Vite搭建的,模板采用的vue-ts,整合了vuex,vue-router,ant-design-vue,axios的最新版本,感觉还挺爽,也踩了一些坑,但是对于大佬们来说必然不算啥,所以完全是小白的姿势尝鲜新技术,算是练练手吧。

服务端这边使用的是被称为Node版Spring的NestJs,用起来个人感觉还是很nice的,刚接触还在学习中,整合了JWT身份验证、日志系统、数据库操作等(代码最初也是参考大佬的教程做的),实现了登录注册及SocketIO收发消息。

话不多说先放几张效果图:

e5b42f6534250522b5e5428d2a72c30.png

还有一个平平无奇毫无美感的登录页,作为前端的耻辱(狗头):

429c02066c116b016f9c99c2a0fa680.png

整体代码比较简单,GitHub地址为 聊天室前端代码Vue3+Vite+Typescript,求几个星星

服务端代码也在我的GitHub上

目前刚开始做,只完成了登录注册及收发消息,还在不断完善更新,欢迎交流或者一起练手完善

分类:
前端
标签: