💻
VSCode `unknownAtRules`に対処してみた
こんにちは。
Tailwindcssを使ってスタイリングしていると、
VSCode上でUnknown at rule @apply css(unknownAtRules)
という警告が表示され、
何度も@apply
を使用していると少し目障りになってきたので対処することにしました。
しかし、目立った記事がなかったのでここに記したいと思います。
参考にしたのはGitHubのDiscussionsでのものです。(全文英語)
【解決法】
- VSCode上で
Shift
+⌘
+P
で検索バーを表示します。 -
settings
を入力し、基本設定:設定(JSON)を開く
を押します。
*基本設定:【既定の】設定(JSON)を開く
ではありません。 - その中に以下のコードを追加します。
settings.json
{
+ "scss.lint.unknownAtRules": "ignore"
}
*ここで注意することがあります。
それは該当のファイルがcss
ファイルなのかscss
ファイルなのか、です。
それによって最初のscss.lint.unknownAtRules
と記述するのか
css.lint.unknownAtRules
と記述するのか変わってきます。
他にもプロジェクトのルートディレクトリに.vscode
を作成して行う方法もあるみたいなので、
気になる方はそちらを参照ください。
以上で、初投稿を締めたいと思います。
何かご指摘箇所ありましたら、ご教授いただけますと幸いです。
最後までお読みいただきありがとうございました。
Discussion