Installation steps of vue scaffolding
This article mainly introduces the installation steps of vue scaffolding. In daily operation, I believe many people have doubts about the installation steps of vue scaffolding. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about the installation steps of vue scaffolding. Next, please follow the editor to study!
This article operating environment: windows7 system, vue/cli version 3.12.1, DELL G3 computer.
Installation steps of vue scaffolding
Check whether the node environment has been installed before installation. If so, we will install the next vue-cli. If not, install the node environment first.
Install the vue-cli scaffolding, the installation code is: npm install-g vue-cli, we choose the global installation here, after the installation to create the project.
Then follow the prompts to select whether or not to install the plug-in, Yes if installed, and No if not, until the plug-in selection is complete.
After that, we cd to the project directory, and then install the project dependency. The installation code of the project dependency is: npm install
Depending on the completion of the installation, our scaffolding is basically installed. Let's take a look at what documents our project has.
After all the prelude is ready, our vue-cli scaffolding is complete, and then we need to get the project running. The code is npm run dev
After the scaffolding runs, port 8080 will be opened by default. If the system automatically jumps to this page, it means that our scaffolding has been installed, and then we can fill in our project in the scaffolding.
Matters needing attention
Vue-cli installs some plug-ins by default, which we can install selectively.
It is recommended that beginners directly use scaffolding instead of creating pure vue projects.
At this point, the study on the "installation steps of vue scaffolding" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!
