Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 3 hours 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 7 years ago)
- Default Branch: master
- Last Pushed: 2023-08-24T03:26:04.000Z (about 1 year ago)
- Last Synced: 2024-05-05T13:32:18.363Z (6 months ago)
- Topics: express, socket-io, vue-cli, vue-router2, vuejs2, vuex2
- Language: JavaScript
- Homepage:
- Size: 388 KB
- Stars: 45
- Watchers: 6
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# socket.io immediate chat room
[中文文档](./docs/README_zh_cn.md)
## glance
- login page
![login page](./docs/login.png)
- group chat page
![group chat page](./docs/group_chat.png)
- others list
![others](./docs/others.png)
- private chat page
![private chat](./docs/private_chat.png)
## 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 [email protected]: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)