Setting up the development environment

Vue provides a tool, vue-cli, for scaffolding Vue.js projects. It also supports webpack, the web packaging tool we are going to use. To install vue-cli, you just need to type npm install -g vue-cli in a console.

Although using vue-cli is the fastest way to start a new project, in the following paragraphs, I will explain how to set up a Vue project from scratch. 

 We will set up a Vue/Vuex project using the npm (node package manager), explaining every step and installing only a minimum set of dependencies, as opposed to vue-cli, which will install a lot of npm packages in order to provide a general-purpose project configuration.

By using the GitHub repository of this book and checking out the first commits, you can observe what I did to set up the EveryNote app development environment.

Using npm to prepare the project for Vue/Vuex 

To use npm, you need to have Node.js installed. You can find information on how to install Node.js at https://nodejs.org/.

The...