unocss 基础用法
2024-02-04 13:42:48
1940
地址：https://unocss.dev/
安装：pnpm add -D unocss
vite.config.ts 配置
// vite.config.js
import UnoCSS from 'unocss/vite'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
UnoCSS(),
],
})
创建一个uno.config.ts进行配置
// uno.config.ts
import { defineConfig } from 'unocss'
export default defineConfig({
// ...UnoCSS options
})
在main.ts中添加全局引入如下
// main.ts
import 'virtual:uno.css'
官网导航里有一个交互式文档，可以帮组我们查询需要的样式类名
