Désactiver la règle eslint pour une ligne spécifique

Afin de désactiver la règle de peluchage pour une ligne particulière dans JSHint, nous utilisons la règle suivante:

/* jshint ignore:start*/
$scope.someVar = ConstructorFunction();
/* jshint ignore:end */

J'ai essayé de trouver l'équivalent de ce qui précède pour eslint.

Vous pouvez maintenant utiliser la syntaxe d'une seule ligne:

var thing = new Thing(); // eslint-disable-line no-use-before-define
thing.sayHello();

function Thing() {

     this.sayHello = function() { console.log("hello"); };

}

Ou si vous ne souhaitez pas avoir de commentaire sur la même ligne avec le code réel, il est possible de désactiver la ligne suivante:

// eslint-disable-next-line no-use-before-define
var thing = new Thing();

Lien vers les documents requis: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

Vous pouvez utiliser ce qui suit

/*eslint-disable */

//suppress all warnings between comments
alert('foo');

/*eslint-enable */

Ce qui est légèrement enfoui dans la section "configuration des règles" de la documentation ;

Pour désactiver un avertissement pour un fichier entier, vous pouvez inclure un commentaire en haut du fichier, par exemple

/*eslint eqeqeq:0*/

Mise à jour

ESlint a maintenant été mis à jour avec une meilleure façon de désactiver une seule ligne, voir l' excellente réponse de @ goofballLogic .

Vous pouvez également désactiver une ou des règles spécifiques (plutôt que toutes) en les spécifiant dans les blocs activer (ouvrir) et désactiver (fermer):

/* eslint-disable no-alert, no-console */

alert('foo');
console.log('bar');

/* eslint-enable no-alert */

via le lien de @ goofballMagic ci-dessus: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

Depuis Configuration d'ESLint - Désactivation des règles avec les commentaires en ligne :

/* eslint-disable no-alert, no-console */


/* eslint-disable */

alert('foo');

/* eslint-enable */


/* eslint-disable no-alert, no-console */

alert('foo');
console.log('bar');

/* eslint-enable no-alert, no-console */


/* eslint-disable */

alert('foo');


/* eslint-disable no-alert */

alert('foo');


alert('foo'); // eslint-disable-line

// eslint-disable-next-line
alert('foo');


alert('foo'); // eslint-disable-line no-alert

// eslint-disable-next-line no-alert
alert('foo');


alert('foo'); // eslint-disable-line no-alert, quotes, semi

// eslint-disable-next-line no-alert, quotes, semi
alert('foo');


foo(); // eslint-disable-line example/rule-name

Réponse

Vous pouvez utiliser un commentaire en ligne: // eslint-disable-next-line rule-name .

Exemple

// eslint-disable-next-line no-console
console.log('eslint will ignore the no-console on this line of code');

Référence

ESLint - Désactivation des règles avec des commentaires en ligne

Le commentaire général de fin de ligne, // eslint-disable-line n'a besoin de rien après: pas besoin de rechercher un code pour spécifier ce que vous souhaitez que ES Lint ignore.

Si vous devez ignorer une syntaxe pour une raison autre qu'un débogage rapide, vous avez des problèmes: pourquoi ne pas mettre à jour votre configuration delint?

J'apprécie // eslint-disable-linede me permettre d'insérer consolepour une inspection rapide d'un service, sans que mon environnement de développement ne me retienne à cause de la rupture de protocole. (J'interdit généralement consoleet j'utilise une classe de journalisation - qui s'appuie parfois sur console.)

Ou pour plusieurs ignorés sur la ligne suivante, chaîne les règles en utilisant des virgules

// eslint-disable-next-line class-methods-use-this, no-unused-vars

Pour désactiver une seule règle pour le reste du fichier ci-dessous:

/* eslint no-undef: "off"*/
const uploadData = new FormData();

Pour désactiver toutes les règles sur une ligne spécifique:

alert('foo'); // eslint-disable-line

le commentaire sur une seule ligne n'a pas fonctionné pour moi dans un composant fonctionnel stupide de réagir, j'ai utilisé la désactivation au niveau du fichier en ajoutant / * eslint-disable insertEslintErrorDefinitionHere * /

(normalement si vous utilisez le code vs et obtenez une erreur eslint, vous pouvez cliquer sur la ligne qui donne l'erreur et une ampoule apparaîtra dans le code vs, faites un clic droit sur l'ampoule et choisissez une option de désactivation et le code vs le fera pour vous.)

Vous pouvez ajouter les fichiers qui donnent une erreur au fichier .eslintignore dans votre projet.Comme pour tous les fichiers .vue, ajoutez simplement /*.vue