Eight, Vue cli3 detailed study notes

One, get to know Vue CLI3

1.1 There is a big difference between vue-cli 3 and 2 versions:

• vue-cli 3 is based on webpack 4, vue-cli 2 or webapck 3
• The design principle of vue-cli 3 is "0 configuration", the root directory of the removed configuration file, the build and config directories
• vue-cli 3 provides vue ui commands, provides visual configuration, and is more user-friendly
• Removed the static folder, added a public folder, and moved index.html to public

1.2 Detailed directory structure

1.3 Where did the configuration go?

UI configuration

• Start the configuration server: vue ui

1.4 Modify the configuration file

Create a new configuration file, vue.config.js file:
custom configuration: alias