Console configuration
1. Install scaffolding globally
npm install -g @vue/cli
2. Enter
vue create 文件名Enter
3. Select configuration: default vue2, default vue3, manual selection function
(I choose manual )
4. Select the desired preset, press the space bar to select, press a to switch all, i unselect all
(I choose babel, css)
5. Select the required CSS preprocessor
(I choose less)
6. Where do you like to configure babel.ESLint?
In the dedicated configuration file
in package.json
(I choose dedicated)
7. Is it saved as a preset for future projects?
(I choose no)
Effect after successful download
Start project renovation
Delete unnecessary files, reset style
assetsstatic resources, font icons, pictures and other
staticstatic page files,
vendorstatic js files,
componentsreuse packaged components,
layoutlayout,
iconfont icons
utilsstore tool
stylesstyle
viewspages and
storeplace vuex
main.jsentry files
Style reset
Create a styles folder in the src folder, and put the reset style into the
reset style link: vue------Introduction of the global reset style
Routing configuration
Detailed routing configuration tutorial: vue-----Global routing configuration
axios package preparation
Axios package preparation detailed tutorial: vue----axios package