naopoyo.com
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About

目次

© naopoyo

目次

最近更新された記事

🚈

Claude Code メモ

16日前·2026年02月18日
  • Claude Code
🎼

Rails + React 構成についてのメモ

18日前·2026年02月16日
  • Rails
  • React
🎣

GitHub App Webhook で push を処理するとき、知っておきたい制約と対処法

18日前·2026年02月16日
  • GitHub
  • Ruby
🙃

Tailwind CSS メモ

公開日約1か月前2026-01-24
履歴GitHubで見る
MarkdownRaw Content
  • Tailwind
  • CSS

eslint-plugin-better-tailwindcss

GitHub - schoero/eslint-plugin-better-tailwindcss: ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules.
ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules. - schoero/eslint-plugin-better-tailwindcss
github.com favicon
github.com
GitHub - schoero/eslint-plugin-better-tailwindcss: ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules.

HEADER_CLASS のような定数に定義したクラスを対象にする

eslint.config.mjs
const eslintConfig = defineConfig([
  // ...
    settings: {
      'better-tailwindcss': {
        variables: [
          [
            '^.*_CLASS$',
            [
              {
                match: 'strings',
              },
            ],
          ],
        ],
      },
    },
  // ...
])

VS Code の Tailwind CSS IntelliSense を使用している場合は .vscode/settings.json に以下を設定する。

settings.json
{
  // ...
  "tailwindCSS.experimental.classRegex": [
    // ...
    [".+CLASS.+=.+`([^`]*)`"],
    [".+CLASS.+=.+'([^']*)'"],
    [".+CLASS.+=.+\"([^\"]*)\""],
  ],
  // ...
}