# 实时聊天应用程序VueChat

**Repository Path**: grx330/VueChat

## Basic Information

- **Project Name**: 实时聊天应用程序VueChat
- **Description**: 带有Vue3+Vite+Pinia、Node.js、Socket.io和MongoDB的实时聊天应用程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 23
- **Forks**: 5
- **Created**: 2023-09-29
- **Last Updated**: 2025-04-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

web - 前端代码

server - 后端代码

### 演示视频

https://www.bilibili.com/video/BV1ej411t7Df

### 启动指南

#### 数据库

在命令提示符窗口输入“mongod --dbpath=数据库路径”创建数据库

#### 前端

1.输入“yarn install”安装依赖包

2.输入“yarn dev”启动

#### 后端

1.输入“npm i”安装依赖包

2.输入“npm start”启动

（如果npm报错的话试试换成yarn去安装启动）

### 技术栈

（用到的第三方库）

#### 前端

axios、sass、ant-design-vue@next、buffer、vue3-emoji、socket.io-client

#### 后端

express、mongoose、socket.io、bcrypt、cors、dotenv

### 演示效果

<table>
    <tr>
        <td><img src="./READMEimg/1.png"/></td>
        <td><img src="./READMEimg/2.jpg"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/3.jpg"/></td>
        <td><img src="./READMEimg/4.jpg"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/5.jpg"/></td>
        <td><img src="./READMEimg/6.jpg"/></td>
    </tr>
</table>