控制台配置
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的封装