Console configuration

NPM install -g@vue /cli

3. Select configuration: default vue2, default vue3, manual selection function (I move)

4. Select the required preset, press the space bar to select, press A to switch all, I do not select all (I choose Babel, CSS)

5. Select the CSS preprocessor you want (I choose less)

6. Where do you like to configure babel.esLint? In a private configuration file in package.json (I’ll say private)

7. Do you want to save it as a preset for future projects? (I say no)

Effect after successful download

Start project transformation

Delete unwanted files, reset style Assets static resources, font ICONS, Vendor static page file Vendor static JS file Components Reusable packaging components Layout Icon Font icon utils Store tool classes Styles Views page Store vuex main.js entry file

Style reset

Create a styles folder in the SRC folder and add the Reset Styles Reset styles link: vue—— to introduce global reset styles

The routing configuration

Route configuration tutorial: vue—– Route global configuration

Prepare for AXIos encapsulation

Axios Packaging Preparation detailed tutorial: Vue —- AXIos packaging