web-dev-qa-db-fra.com

Comment ajouter une règle CSS @tailwind au vérificateur de CSS

Tailwind ajoute @tailwind css à la règle signalée comme inconnue . Comment puis-je éviter cette erreur?

par exemple styles.css

@tailwind preflight;

@tailwind utilities;

6
Steve Lee

Ceci est la règle at-rule-no-unknown fournie par la liste intégrée de vscode.

Pour vous en débarrasser, vous devez procéder comme suit:

1. Installer stylelint extension code --install-extension shinnn.stylelint

2. Installez stylelint recommandé config npm install stylelint-config-recommended --save-dev

3. Ajoutez ces deux lignes dans votre vscode PARAMETRES UTILISATEUR

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

4. Collez ces lignes dans un fichier appelé .stylelintrc dans le répertoire racine de votre projet, créez-le s'il n'existe pas. Plus d'informations sur la configuration de stylelint suivez ce lien: 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"]
  }
}
13
hasusuf

Ma recommandation est d'installer le support linguistique postCSS puis de renommer tailwind.css en tailwind.pcss, puis de modifier les références dans vos scripts package.json (ou les scripts de construction que vous utilisez pour tailwind) en tailwind.pcss à partir de tailwind.css

La règle @apply est compatible avec postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

2
Ace.C

Après de nombreux tests: Surligneur de syntaxe POSTCSS et STYLUS, supprime les avertissements mais CSS Intellisence est incomplet, ne montre pas les classes de première utilité

J'ai installé le plugin 'language-stylus', dans VSCode

Paramètres> Paramètres utilisateur:

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

À plus tard!

CSS Intellisence est incomplète

2
nencode