33. Vue project structure

Vue project structure

 

1. node_modules: store our third-party packages

 

1. Under Public:

Favicon.io: store our vue icon

 

Index.html: The vue instance we wrote will be injected here

 

Let's take a look at how to automatically inject it into this location through the source code of the page:

Right click to view the source code:

 

 

What we used to use was hard-coded on one of our single pages to see

 

1. src source code directory:

: This is where we put our static resources, pictures and so on, css style and so on

 

3. Ignore files

 

4. Babel configuration file

 

5. Package management configuration file (we made it independent of babel when creating cli)