Initialiser eslint sur un projet JavaScript

Mis à jour le jeudi 28 avril 2022 par johackim

Pour initialiser eslint sur un projet JavaScript il existe la commande suivante :

npx eslint --init

Personnellement j'ajoute les règles suivantes au fichier .eslintrc.json :

// .eslintrc.json
"rules": {
"indent": [2, 4, { "SwitchCase": 1 }],
"max-len": [0],
"object-curly-newline": [0],
"import/no-extraneous-dependencies": [0],
"react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
"react/jsx-props-no-spreading": [0],
"react/jsx-indent-props": [2, 4],
"react/jsx-indent": ["error", 4],
"react/prop-types": [0],
"react/no-unescaped-entities": [0],
"react/function-component-definition": [0],
"react/react-in-jsx-scope": [0],
"no-restricted-syntax": [0]
}

Si jamais vous rencontrez une erreur File ignored by default pour un fichier qui se situe dans un dossier caché (ex: .storybook), ajoutez la ligne suivante à votre fichier .eslintrc.json :

"ignorePatterns": ["!.storybook"],

Si vous souhaitez ignorer une ligne de code, ajoutez le commentaire // eslint-disable-line.

Et pour plusieurs lignes de code :

/* eslint-disable */
console.log('Mon code javascript');
/* eslint-enable */

Si vous voulez définir des exceptions, ajoutez une ligne overrides :

{
"rules": {
"max-lines-per-function": ["error", 25],
},
"overrides": [
{
"files": ["components/**"],
"rules": {
"max-lines-per-function": ["error", 120]
}
}
]
}