控制台配置
1.全局安装脚手架
npm install -g @vue/cli
2.输入
vue create 文件名回车 3.选择配置:默认vue2,默认vue3,手动选择功能 (我选手动)
4.选择需要的预置,按空格键选择,按a切换全部,i全不选 (我选babel,css)
5.选择需要的css预处理器 (我选less)
6.你喜欢在哪里配置babel.ESLint? 在专用配置文件中 在package.json (我选专用)
7.是否保存为未来项目的预置? (我选否)
下载成功后效果
启动项目改造
删除不需要的文件,重置样式
assets静态资源,字体图标,图片之类
static静态页面文件
vendor静态js文件
components复用的封装组件
layout布局
icon字体图标
utils存放工具类
styles样式
views页面
store放vuex
main.js入口文件
样式重置
在src文件夹里面创建styles文件夹,放入重置样式 重置样式链接:vue------引入全局重置样式
路由配置
路由配置详细教程:vue-----路由的全局配置
axios封装准备
axios封装准备详细教程:vue----axios的封装