#UnoCSS

#安装

pnpm

npm

yarn

bun

pnpm add -D unocss @unocss/postcss

npm install -D unocss @unocss/postcss

yarn add -D unocss @unocss/postcss

bun add -D unocss @unocss/postcss

#配置

创建 postcss.config.mjs：

export default {
  plugins: {
    "@unocss/postcss": {},
  },
};

可选：创建 uno.config.ts 做规则扩展。

#使用

在你的入口样式中引入 UnoCSS：

/* app/popup/index.css */
@unocss;

并在入口脚本里导入该 CSS：

import "./index.css";

随后即可在组件中使用 UnoCSS 原子类。