A new project

Let’s start by scaffolding out a new project, using the CLI commands from the previous chapter. Open a Terminal window in your projects folder and use the following instructions:

npm init vue@latest

Hit y to proceed, use vue-todo-list as the project name, and select the options shown in the following screenshot:

Figure 2.1 – The setup configuration for the Todo list app

Go ahead and follow the given instructions to install the dependencies and open your favorite IDE to get started.

Tip

npm offers a shorthand for installing, by typing npm i instead of npm install. Read more about npm commands here: https://docs.npmjs.com/cli/v6/commands.

Cleaning up the default installation

Let’s first clean up the components folder by removing HelloWorld.vue, TheWelcome.vue, WelcomeItem.vue, and the icons folder. Then we’ll remove the references from App.vue and clean up the template.

You will see a __tests__...