Tailwind-CSSを使用する場合、これらのSASS lintingエラーをどのようにして取り除くのですか？

Question

Gatsby.jsプロジェクトでTailwindを使用しています。私の環境は、Prettierコードフォーマッターを使用したVSCodeです。

これらのリンティングエラーアラートを取り除くにはどうすればよいですか？

Answer 1

.cssと.scssの両方のクイックソリューション（非推奨）

1. プロジェクトのルートレベルで、ファイル.vscodeでディレクトリsettings.jsonを更新または作成します。

2. 以下を.vscode/settings.json:に追加します

{
  "css.validate": false
}

結果：

Tailwind-CSSを使用すると、これらのSASS lintingエラーはなくなりますが、CSS検証を無効にします。

Answer 2

それを解決するには、VSCodeのコードフォーマッタを入手する必要があります。

この link で利用できるBeautifyをダウンロードすることをお勧めします。