Vue.js 2 Design Patterns and Best Practices

Real-time chat application with Node and Socket.io

In this section, we'll be creating a real-time chat application using Node and Socket.io. We'll be writing a small amount of code with Node.js and the Express framework, but it's all the same JavaScript that you know and love.

Run the following in your Terminal to create a new project:

# Create a new Vue project$ vue init webpack-simple vue-chat# Navigate to directory$ cd vue-chat# Install dependencies$ npm install# Run application$ npm run dev

We can then create a server folder and initialize a package.json for server-specific dependencies like so:

# Create a new folder named server$ mkdir server# Navigate to directory$ cd server# Make a server.js file$ touch server.js# Initialise a new ...