Disattivazione della regola eslint per una riga specifica

Per disattivare la regola del linting per una particolare riga in JSHint usiamo la seguente regola:

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

Ho cercato di individuare l'equivalente di quanto sopra per eslint.

Ora puoi usare la sintassi a riga singola:

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

function Thing() {

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

}

Oppure, se non si desidera avere un commento sulla stessa riga con il codice effettivo, è possibile disabilitare la riga successiva:

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

Link alla documentazione richiesta: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

È possibile utilizzare quanto segue

/*eslint-disable */

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

/*eslint-enable */

Che è leggermente sepolto nella sezione "regole di configurazione" dei documenti ;

Per disabilitare un avviso per un intero file, è possibile includere un commento nella parte superiore del file, ad es

/*eslint eqeqeq:0*/

Aggiornare

ESlint ora è stato aggiornato con un modo migliore di disabilitare una singola riga, vedi l' eccellente risposta di @ goofballLogic .

Puoi anche disabilitare una o più regole specifiche (piuttosto che tutte) specificandole nei blocchi di abilitazione (apertura) e disabilitazione (chiusura):

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

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

/* eslint-enable no-alert */

tramite il link @ goofballMagic sopra: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

Dalla configurazione di ESLint - Disabilitazione delle regole con commenti incorporati :

/* 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

Risposta

È possibile utilizzare un commento in linea: // eslint-disable-next-line rule-name.

Esempio

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

Riferimento

ESLint - Disabilitazione delle regole con commenti incorporati

Il commento generale di fine riga // eslint-disable-line, non ha bisogno di nulla dopo di esso: non è necessario cercare un codice per specificare ciò che ES Lint deve ignorare.

Se è necessario ignorare la sintassi per qualsiasi motivo diverso da un debug rapido, si verificano problemi: perché non aggiornare la configurazione del delta?

Mi piace // eslint-disable-linepermettermi di inserirmi consoleper una rapida ispezione di un servizio, senza che il mio ambiente di sviluppo mi trattenga a causa della violazione del protocollo. (Generalmente bandisco consolee utilizzo una classe di registrazione - che a volte si basa su console.)

O per più ignori sulla riga successiva, stringa le regole usando le virgole

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

Per disabilitare una singola regola per il resto del file seguente:

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

Per disabilitare tutte le regole su una riga specifica:

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

il commento a riga singola non ha funzionato per me all'interno di un componente funzionale stupido, ho usato la disabilitazione a livello di file aggiungendo / * eslint-disable insertEslintErrorDefinitionHere * /

(normalmente se stai usando il codice vs e stai ottenendo un errore eslint, puoi fare clic sulla riga che dà errore e una lampadina verrebbe visualizzata nel codice vs, fare clic destro sulla lampadina e scegliere qualsiasi opzione di disabilitazione e il codice vs lo farà per voi.)

Puoi aggiungere i file che danno errore al file .eslintignore nel tuo progetto. Come per tutti i file .vue basta aggiungere /*.vue