ESLint 配置

UnoCSS 的 ESLint 配置：@unocss/eslint-config。

安裝

pnpm

pnpm add -D @unocss/eslint-config

yarn

yarn add -D @unocss/eslint-config

npm

npm install -D @unocss/eslint-config

在 Flat 配置風格中：

// eslint.config.js
import unocss from '@unocss/eslint-config/flat'

export default [
  unocss,
  // 其他配置
]

在傳統的 .eslintrc 風格中：

{
  "extends": [
    "@unocss"
  ]
}

規則

• @unocss/order - 強制類選擇器的特定順序。
• @unocss/order-attributify - 強制屬性選擇器的特定順序。
• @unocss/blocklist - 禁止特定的類選擇器 [可選]。

@unocss/blocklist

當匹配到 blocklist 中列出的實用類時，拋出警告或錯誤。

默認情況下未啟用此規則。要啟用它，請在 .eslintrc 中添加以下內容：

{
  "extends": [
    "@unocss"
  ],
  "rules": {
    "@unocss/blocklist": "warn" // 或 "error"
  }
}

前期工作

感謝 @devunt 的 eslint-plugin-unocss。