https://github.com/Chanran/vueSocketChatroom
vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room
https://github.com/Chanran/vueSocketChatroom
express socket-io vue-cli vue-router2 vuejs2 vuex2
Last synced: 8 days ago
JSON representation
vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room
- Host: GitHub
- URL: https://github.com/Chanran/vueSocketChatroom
- Owner: Chanran
- License: mit
- Created: 2017-05-07T15:26:41.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-08-24T03:26:04.000Z (about 2 years ago)
- Last Synced: 2025-04-14T09:45:14.797Z (7 months ago)
- Topics: express, socket-io, vue-cli, vue-router2, vuejs2, vuex2
- Language: JavaScript
- Homepage:
- Size: 388 KB
- Stars: 46
- Watchers: 5
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - **vueSocketChatRoom** - router2.x,vux2.x,socket.io (Resources / Examples)
- awesome-vue-zh - **vueSocketChatRoom** - router2.x,vux2.x,socket.io的套接字聊天室 (awesome-vue [](https://github.com/sindresorhus/awesome) / 例子)
- awesome-vue - **vueSocketChatRoom** ★30 - router2.x,vux2.x,socket.io (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - **vueSocketChatRoom** - vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room ` 📝 4 years ago ` (Examples [🔝](#readme))
- awesome-vue - **vueSocketChatRoom** - router2.x,vux2.x,socket.io (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
- awesome-vue - **vueSocketChatRoom** - router2.x,vux2.x,socket.io (Resources / Examples)
- fucking-awesome-vue - **vueSocketChatRoom** - router2.x,vux2.x,socket.io (Resources / Examples)
README
# socket.io immediate chat room
[中文文档](./docs/README_zh_cn.md)
## glance
- login page

- group chat page

- others list

- private chat page

## install dependencies
1. node7.x
2. auto restart node server tool
```
npm i -g nodemon
```
3. QA tool
install eslint plugin for your code editor(like "eslint" in vscode)
## download
``` bash
# clone
git clone git@github.com:Chanran/vueSocketChatroom.git
cd vueSocketChatroom
# install dependencies
npm install -d
```
## start
```
npm run dev
npm run server # open another terminal
```
visit [http://localhost:8080/](http://localhost:8080/)
## deploy
```
npm install -g pm2 # install just once
npm i -d --production
npm run build
npm run deploy
```
## tech docs
- [api docs](https://www.showdoc.cc/1629169?page_id=14974136)
- [vue2](https://vuejs.org/)
- [vue-router2](https://router.vuejs.org/en/)
- [vuex](https://vuex.vuejs.org/en/)
- [vue-loader](https://vue-loader.vuejs.org/en/)
- [vux](https://vux.li/#/)
- [express4.x](https://expressjs.com/)
- [mongodb](https://docs.mongodb.com/)
## License
[MIT](./LICENSE)