1.自定义安装
1.vue create vue-demo,选择自定义安装(第二个)
2.选中CSS Pre-processors,按空格键
3.选择less
4.之后就选择第一个,一路向下
2.安装rem依赖
yarn add lib-flexible postcss-pxtorem
3.新建postcss.config.js文件(也会自动生成)
module.exports={
plugins:{
"postcss-pxtorem":{
"rootValue":75,
"propList":["*"]
}
}
}
4.public/index.html注释一行
5.样式重置
找到reset.css官网 将样式复制到assets/css/reset.css中
import '@/assets/css/reset.css' //@是指src的根目录