vue-chat-system

PLATFORM-33 Implement sample chat fron-end interface using Vue.js Used as references: https://medium.com/@jaouad_45834/basic-chat-web-app-using-express-js-vue-js-socket-io-429588e841f0

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# install nodemon
npm install -g nodemon

# install express
npm install --save express

# install socket.io server
npm install --save socket.io

# install socket.io-client for vue client
npm install --save socket.io-client

# install SCSS/SASS
# install the necessary dependencies
npm install -D node-sass sass-loader

# for global styles, simply import the file into main.js:

import './styles/my-styles.scss'

# in .vue files, add the lang to the <style> element.

<style lang="scss"></style>

# install bootstrap-vue
> https://www.sitepoint.com/bootstrap-vue-js-bootstrap-vue/

For detailed explanation on how things work, consult the docs for vue-loader.