Vue3.0-beta has been around for a while now, and I’ve been looking at the tutorials recently. Most of the free tutorials so far have just introduced some of the apis individually to use on the page, but I wanted to build a complete project using scaffolding, so I took a note of my first use and the problems I encountered.

My operation steps and problems encountered

    1. Select a folder, go to the folder terminal, and run vue Create test

View the version information of the vue currently in use in package.json.

  • 2. In the console CD test, enter the project directory, vue add vue-next, and press -> enter Y -> Enter. At this time, because my scaffold version is still 4.0.1, the installation of VUe-next failed. A message is displayed indicating that vue-CLI needs to be upgraded (skip this step if vue-CLI has been upgraded to 4.3 or later). NPM uninstall vue-cli -g, and then NPM install -g@vue/CLI


Go back to the test directory and run vue add vue-next again

When we open package.json, we can see that vue has been upgraded to 3.0.0-beta.1

    1. NPM run serve starts the project, here the project framework is initially built, the subsequent vue. Config. js configuration items and previous no change, according to their own needs can be configured.
    1. The vue construction, router and vuex introduction in main.js are a little different from previous versions. The specific use of Vue3.0 in vue files can be tried next.

This is the end of the first nuggets article tour.