Skip to content

这是一个用vue.js 和 socket.io 写的聊天室应用。简单易懂,很容易上手。

Notifications You must be signed in to change notification settings

smartUI/vue-socket.io

Repository files navigation

socket.io app

这是一个用socket.io 和 vue.js 完成的简单聊天室的小应用,代码简单易懂,很容易上手。

项目地址

克隆项目用:https://github.com/beautifulBoys/vue-socket.io.git

写在前面

本项目所有用到的全部是目前前端最热门的技术 ! !

通过本项目的学习与研究,你可以初步掌握vue的基本用法,css预处理器(less)的用法,router(路由)的用法,还可以加深了解vue-cli(脚手架)的使用,webpack的使用,babel编译代码...等等。

前端变化莫测,学无止境。作者本人也在通过学习不断巩固和提高。如果你有极客精神,我们不妨一起进步。

项目预览

项目组成

  • vue.js 2.0
  • socket.io
  • vue-cli
  • less
  • webpack
  • ES6
  • eslint
  • vue-router
  • npm
  • babel

项目安装及运行

# 项目安装
npm install

# 打开server目录,命令行启动server.js(服务器)
node server.js

# 修改IP地址(src/components/room/room.vue 324行修改为自己的IP地址)
this.httpServer = io.connect('http://192.168.31.238:3000');// 修改为自己的IP

# 项目运行(浏览器访问 http://localhost:8085)
npm run dev

# 编译打包
npm run build

About

这是一个用vue.js 和 socket.io 写的聊天室应用。简单易懂,很容易上手。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages