这是一个用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