Setting Up a Vue Client

You have now completed the server tasks. Now build the client app in a different folder, written in Vue, which simplifies tasks, such as manipulation of the Document Object Model (DOM) and management of states.

Install the Vue CLI

Just like the webtask CLI, the Vue CLI scaffolds a new Vue project without the hassle of configurations. Run this command line:

npm install @vue/cli -g

Create a Vue Project

1. Create a Vue project with the CLI you just installed:

   vue create mini-netflix

1. Go to the mini-netflix folder created by the command in step 1:

   cd mini-netflix

2. Test-run the scaffold:

   npm run serve

Set Up the Library Dependencies

Specify the libraries for the project by editing your package.json file to read like this:

"dependencies": {
  "axios": "^0.18.0",
  "node-sass": "^4.7.2",
  "sass-loader": "^6.0.7",
  "sweet-modal-vue": "^2.0.0",
  "vue": "^2.5.13",
  "vue-social-sharing": "^2.3.3"
},

Afterwards, run npm install to download the libraries.