💻

VSCode `unknownAtRules`に対処してみた

に公開
VS Code
Tailwind CSS
tech

こんにちは。

Tailwindcssを使ってスタイリングしていると、
VSCode上でUnknown at rule @apply css(unknownAtRules)という警告が表示され、
何度も@applyを使用していると少し目障りになってきたので対処することにしました。
しかし、目立った記事がなかったのでここに記したいと思います。

参考にしたのはGitHubのDiscussionsでのものです。(全文英語)

【解決法】

  1. VSCode上でShift+⌘+Pで検索バーを表示します。
  2. settingsを入力し、基本設定：設定(JSON)を開くを押します。
    *基本設定：【既定の】設定(JSON)を開くではありません。
  3. その中に以下のコードを追加します。
settings.json
{
+ "scss.lint.unknownAtRules": "ignore"
}

*ここで注意することがあります。
それは該当のファイルがcssファイルなのかscssファイルなのか、です。
それによって最初のscss.lint.unknownAtRulesと記述するのか
css.lint.unknownAtRulesと記述するのか変わってきます。

他にもプロジェクトのルートディレクトリに.vscodeを作成して行う方法もあるみたいなので、
気になる方はそちらを参照ください。

以上で、初投稿を締めたいと思います。
何かご指摘箇所ありましたら、ご教授いただけますと幸いです。
最後までお読みいただきありがとうございました。

Discussion