Vue Prototyping

Let's say, one day you wake up with a great idea for a component or are involved in a large project and you want to debug components without the complex interdependencies of the existing project. Vue prototyping can help you create new components or debug existing ones, even for large projects. This is done by running .vue files in a separate and isolated compiler directly, without the need for any local dependencies. Running .vue files in this way may save time because you do not need to install a full Vue project as described in Exercise 3.01. Instead, all you need to do is install the Vue CLI service globally by running either of the following commands: npm install -g @vue/cli-service-global or yarn global add @vue/cli-service-global.

Once this has been installed, you will have access to the following two commands:

• vue serve – This command compiles Vue.js code and runs in a localhost environment in your browser.
• vue build – This...