Front-end mall project background

Front-end mall project background

First, install and start the project relies

There package.json dependent files:
devDependencies: refers to rely on the development of
the implementation: npm install
Start Project:
Execution: npm run dev

Access:

Second, the directory structure

• webpack: JavaScript is a modern application of static packer module (Module Bundler) . And provides hot deployment front-end plug-in project.
  • build -> webpack.base.conf.js : Webpack profile.
  • config: Used to save the parameters webpack needs to run. (Eg: address and port number)
    - dist: Packing output directory
• node_modules: Dependent directory
• static: Static resources, less than basic

src next file uses:

• assets: The project uses resources
• components: Defines global centralized components used
  • cascader: Cascade components
  • form: Form component
  • messages: Messages component
  • tree: Tree Component
• page：
• ``：

Third, call the relationship

Our main clarify the relationship between the index.html, main.js, App.vue:

• main.jsBy id选择器binding to the index.html div, so the contents are displayed in the main.js div index.html in .
• main.js App used in components, namely App.vue, that is to say index.html final show is the content App.vue.