Using the Vue CLI GUI

Now that you’ve learned how single file Vue components and how to scaffold a Webpack project, you can learn how to do all that again in a fancy GUI. It’s important that you understand concepts and how to do something before jumping straight into a user interface.

The Vue CLI UI is created and developed by Core Vue Team Member, Guillaume Chau. He’s been working hard for months to deliver a unique experience to not only scaffold Vue.js projects, but managing them and their dependencies.

If you downloaded the Vue CLI while following along with the book, then you already have the UI installed. If you installed the Vue CLI before June of 2018, then you will need to update Vue CLI to at least version 3.0.0.

# Update Vue CLI 3
$ npm install @vue/cli
# or
$ yarn add @vue/cli

After updating to at least version (> 3.0.0), you now have access to the vue ui command. The command is global and will launch the UI regardless of the project folder that you...