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。