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

目次

© naopoyo

目次

最近更新された記事

🎼

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

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

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

1日前·2026年02月16日
  • GitHub
  • Ruby
✒️

エンジニア個人ブログまとめ

1日前·2026年02月16日
  • デザイン
  • Markdown
🙃

Tailwind CSS メモ

公開日24日前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.+=.+\"([^\"]*)\""],
  ],
  // ...
}