unocss

最近做项目，发现同事使用了css库-unocss，看了文档没有发现简写的规律，后来才知道可以借鉴 tailwind 文档。

相关文档

unocss中文官网
tailwind中文官网

vsocde开发

安装插件 UnoCSS、To Unocss

单位

unocss默认使用rem为单位，根字体默认为font-size 16px
则：1px 代表 0.25rem，16px 则代表 4rem
可以使用 @unocss/preset-rem-to-px 插件 将rem转化为px

import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'

export default defineConfig({
  presets: [
    presetRemToPx({
      baseFontSize: 4
    }),
  ],
})

//1px 则代表 1rem