web-dev-qa-db-ja.com

CSSチェッカーに@tailwind CSSルールを追加する方法

Tailwind 不明としてフラグが付けられたルールに@tailwind cssを追加します。このエラーを回避するにはどうすればよいですか？

例styles.css

@tailwind preflight;

@tailwind utilities;

visual-studio-codetailwind-css
16
Steve Lee

これは、vscodeの組み込みリストによって提供されるat-rule-no-unknownルールです。

それを取り除くために、あなたは以下をする必要があります：

1。 stylelint拡張機能のインストールcode --install-extension shinnn.stylelint

2。 stylelintの推奨構成をインストールnpm install stylelint-config-recommended --save-dev

3。これらの2行をvscodeのユーザー設定に追加します

"css.validate": false, // Disable css built-in lint
"stylelint.enable": true, // Enable sytlelint

4。これらの行をプロジェクトのルートディレクトリにある.stylelintrcというファイルに貼り付け、存在しない場合は作成します。 stylelintの構成の詳細については、次のリンクを参照してください。 https://stylelint.io/user-guide/

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "at-rule-no-unknown": [ true, {
      "ignoreAtRules": [
        "extends",
        "tailwind"
      ]
    }],
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}
23
hasusuf

私の推奨事項は、postCSS言語サポートをインストールし、tailwind.cssの名前をtailwind.pcssに変更し、package.jsonスクリプト（または追い風に使用しているビルドスクリプト）の参照をtailwind.pcssからtailwind.cssに変更することです。

@applyルールはpostCSSと互換性があります： https://github.com/tailwindcss/tailwindcss/issues/325

3
Ace.C

多くのテストの後：POSTCSSおよびSTYLUSシンタックスハイライター、警告を削除しますが、CSSインテリジェンスは不完全であり、first-utitiliesクラスを表示しませんTailwind

'language-stylus'プラグインをVSCodeにインストールしました

設定>ユーザー設定：

"files.associations": {
   "* .css": "stylus"
 },

じゃあまたね！

CSSインテリジェンスは不完全です

1
nencode

[〜＃〜] scss [〜＃〜]

TailwindでSASSを使用している場合、.scssこの質問に対する以前の回答を使用したファイル。

SASSを適切にリントするには、VS Code設定に追加できます。

"scss.validate": false,

@hasusufの指示に従いますが、デフォルトのVS Codeバリデーターをオフにします。

次の3つの設定を追加します。

"css.validate": false,
"scss.validate": false,
"stylelint.enable": true,
0
agm1984