# vue-socket.io

**Repository Path**: wfeng0/CSDN

## Basic Information

- **Project Name**: vue-socket.io
- **Description**: 【vue-socket.io实现即时聊天小应用】CSDN github 项目迁移，vue-socket.io 技术，从连接、通讯、发送接收事件、服务端代码讲解（node.js）与vue3的连接原理分析，让你从零入门双向通信技术,自己手写实时聊天应用，赶快学习起来吧
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 3
- **Created**: 2022-11-14
- **Last Updated**: 2025-07-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CSDN
vue-socket.io实现即时聊天

需要注意的是，你vue项目的端口号是不是8080，如果不是，记得修改node服务器的跨域请求的端口。

## 项目的启动方法：

### 安装依赖

+ 现在项目是没有node_module的，所以需要我们自己安装，方法如下：
![image](https://user-images.githubusercontent.com/71718029/142799777-0cf93aa9-a9a2-49c9-b309-f1f17dba3be6.png)
+ 进入到项目中（两个分别安装），输入 npm i --s,等待安装即可。(建议加上--s ,这样是从package-lock.json中直接下载对应版本，速度相对快。)

### 启动项目

+ 启动vue项目：npm run serve
+ 启动socket服务：node index.js
+ 注意：一定是在相应的文件夹下面呀

### 项目启动后

等项目启动后，就能进入到主页啦，可以结合我的CSDN文章详细看看~

![image](https://user-images.githubusercontent.com/71718029/142800288-2be1eb00-8b26-40df-a80d-e3970c8f7a30.png)

![image](https://user-images.githubusercontent.com/71718029/142800334-df85a229-7a21-4585-b029-2fc6039e2144.png)

欢迎在CSDN上给我留言，或者有不懂了，可以交流。

测试修改呀