Detailed analysis of scaffolding content

After installing the scaffolding, we can check what it contains.

We analyze his files one by one to help you better understand

npm run serve starts the project

npm run build package project

After packaging, he generated a dist folder, which contains the contents as shown in the figure:

PublicDetails of folders

How we package content is reflected in usPublicIn the index.html in the folder, the specific rendering is as follows

 

Details of the src folder

 

gitignoreIt is used to tell the scaffolding which files do not need to be uploadedgitIn warehouse,

For examplenode_modulesand/distDocuments

 

babel.config.js can convert es6 to es5 syntax to solve compatibility problems