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)
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