Construction and catalogue structure of VUE Scaffold

Today, summarize the scaffolding of Vue. Very simple, today we will say a, vue scaffolding construction.

For the concrete scaffolding construction method, I am not here in very detailed writing, the specific method I recommend rookie tutorial method, and concrete, you step-by-step can be achieved.

Link Address: http://www.runoob.com/vue2/vue-install.html
For those who do not use or do not know NPM, you can search the Web, download Node.js, and NPM will be installed with Node.js. Second, Vue Scaffold catalogue:

Let's give a detailed description of these directories:

First Level Catalogue
Build:webpack Configuration-related directories
Config:webpack Configuration-related directories
NODE_MODULES:NPM Install installed Dependency code Library
SRC: We store the source code, we developed the yo codes are placed in the SRC directory.
Staic: A directory that holds some third party static resources
Test: Testing directory, not much use, can delete

First level files:
. Babelrc:babel some configurations (compiling ES6 into ES5 configurations)
. Editorconfig: Some configuration of the editor (including encoding format, indentation style, wrapping format)
. Eslintignore: Configuration We do not check the build file and config file for syntax checking.
. Eslintrc.js:eslint's configuration file is primarily a rule that defines some code-writing styles.
. Gitignore: Configure some files that are ignored by the Git repository (not uploaded)
Index.html: Portal HTML file.
Package.json: Some of the project's configuration information (some specific information about the project) directory under the SRC folder:

Assets folder: Holds static resources, such as pictures, font fonts, and so on.
Conponents folder: Storage components, inside you can build files to components, such as building header ask Price folder, footer folders
Router folder: Configuring Routing Files
App.vue file: App.vue is our main component, all pages are switched under App.vue
Main.js file: The primary role is to initialize the Vue instance and use the required Plug-ins

Because I am mainly under the SRC development, all these file names are not necessary, you can according to your project needs to add, or delete. However, App.vue files and main.js files must be available.