Shulou(Shulou.com)06/01 Report--

This article mainly introduces "what is the content of the vue project structure". In the daily operation, I believe that many people have doubts about the content of the vue project structure. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "what is the content of the vue project structure?" Next, please follow the editor to study!

The content of the vue project structure:

Node_modules

The files for the vue project depend on being stored in this folder.

Public

Pages that store page icons and situations where JavaScript is not supported.

Package.json

Stores the dependent configuration of the project (such as vuex,element-UI).

Babel.config.js

The configuration file for the babel transcoder.

Vue.config.js

Configuration file for vue.

Yarn.lock

Used to build dependency trees.

.gitignore

Git ignores files

Src

Store the source code of the vue project. The files (folders) under its folder are:

Assets: resource files, such as storing css, pictures and other resources.

Component: the component folder that holds the common components of vue (registered globally and output directly through keywords throughout the project).

Router: used to store index.js, this js is used to configure routing

Tool: used to store the utility class js, encapsulating the js code into this folder can be called globally (for example, the common api.js,http.js is the encapsulation of the http method and the api method).

Views: used to put the main page, although and the component folder are vue files, but the vue file under views can be used as a routing view.

Main.js: is the entry file for the project to initialize the vue instance and introduce the required plug-ins.

App.vue: is the main component of the project, under which all pages are switched.

At this point, the study on "what is the content of the vue project structure" 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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.