📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 9

Retour
ESLint - Ajouter une règle personnalisée
Facile
"rules": {
    "no-console": "warn",
    "no-unused-vars": ["error", { "args": "none" }]
}
ESLint - Configuration pour React
Intermédiaire
{
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "settings": {
        "react": {
            "version": "detect"
        }
    }
}
ESLint - Configuration pour TypeScript
Intermédiaire
{
    "root": true,
    "parser": "@typescript-eslint/parser",
    "plugins": [
        "@typescript-eslint"
    ],
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended"
    ]
}
ESLint - Corriger automatiquement les erreurs
Facile
npx eslint src/ --fix
ESLint - Désactiver une règle pour une ligne
Facile
// eslint-disable-next-line no-alert
alert('Hello');
ESLint - Fichier de configuration de base (.eslintrc.json)
Facile
{
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 2022,
        "sourceType": "module"
    },
    "env": {
        "browser": true,
        "node": true,
        "es2021": true
    },
    "rules": {
        "semi": ["error", "always"],
        "quotes": ["error", "single"]
    }
}
ESLint - Ignorer des fichiers avec .eslintignore
Facile
build/
dist/
node_modules/
public/
ESLint - Lancer le linter depuis la ligne de commande
Facile
npx eslint src/
ESLint - Utiliser le plugin 'import'
Avancé
{
    "extends": ["plugin:import/recommended"]
}