1.自定义安装

  1. 1.vue create vue-demo,选择自定义安装(第二个)
  2. 2.选中CSS Pre-processors,按空格键
  3. 3.选择less
  4. 4.之后就选择第一个,一路向下

2.安装rem依赖

  1. yarn add lib-flexible postcss-pxtorem

3.新建postcss.config.js文件(也会自动生成)

  1. module.exports={
  2. plugins:{
  3. "postcss-pxtorem":{
  4. "rootValue":75,
  5. "propList":["*"]
  6. }
  7. }
  8. }

4.public/index.html注释一行

image.png

5.样式重置

  1. 找到reset.css官网 将样式复制到assets/css/reset.css
  2. import '@/assets/css/reset.css' //@是指src的根目录