Vue.js 2 Cookbook

How to do it...

In this recipe, we will build a small but complete app--a pomodoro application. A pomodoro is an interval of about 25 units of time, in which you should concentrate on doing work. It's called this because you usually use a tomato-shaped kitchen timer to measure that. This app will track the time instead, so you don't have to buy an expensive kitchen timer.

The best way to spin up a Vue project with Electron is to use the Electron-Vue boilerplate (you don't say!). This can be easily achieved with the following command:

vue init simulatedgreg/electron-vue pomodoro

You can answer with the default values, but when asked which plugin to install, just select vue-electron. Install all the dependencies with npm intall and, if you ...