Wyłączanie reguły eslint dla określonej linii

Aby wyłączyć regułę przyciemniania dla określonej linii w JSHint, stosujemy następującą regułę:

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

Próbowałem znaleźć odpowiednik powyższego dla eslint.

Możesz teraz użyć składni jednowierszowej:

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

function Thing() {

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

}

Lub jeśli nie chcesz komentować tego samego wiersza z rzeczywistym kodem, możesz wyłączyć następny wiersz:

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

Żądany link do dokumentacji: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

Możesz użyć następujących

/*eslint-disable */

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

/*eslint-enable */

Który jest nieco zakopany w sekcji „Konfigurowanie reguł” w dokumentacji ;

Aby wyłączyć ostrzeżenie dla całego pliku, możesz dołączyć komentarz na górze pliku, np

/*eslint eqeqeq:0*/

Aktualizacja

ESlint został teraz zaktualizowany o lepszy sposób wyłączania pojedynczej linii, patrz doskonała odpowiedź @ goofballLogic .

Możesz także wyłączyć określoną regułę / reguły (a nie wszystkie), określając je w blokach włączania (otwierania) i wyłączania (zamykania):

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

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

/* eslint-enable no-alert */

za pomocą linku @ goofballMagic powyżej: http://eslint.org/docs/user-guide/configuring.html#configuring-rules

Z Konfigurowanie ESLint - Wyłączanie reguł za pomocą wbudowanych komentarzy :

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

Odpowiedź

Można użyć inline komentarz: // eslint-disable-next-line rule-name.

Przykład

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

Odniesienie

ESLint - Wyłączanie reguł za pomocą wbudowanych komentarzy

Ogólny komentarz na końcu wiersza // eslint-disable-linenie wymaga niczego po tym: nie trzeba wyszukiwać kodu, aby określić, co ma ignorować ES Lint.

Jeśli chcesz zignorować składnię z jakiegokolwiek innego powodu niż szybkie debugowanie, masz problemy: dlaczego nie zaktualizować konfiguracji delinta?

Cieszę się, // eslint-disable-lineże mogę wstawićconsole celu szybkiej kontroli usługi, bez środowiska programistycznego, które powstrzymuje mnie z powodu naruszenia protokołu. (Generalnie zbanowuję consolei używam klasy rejestrującej - która czasami bazuje na console.)

Lub w przypadku wielokrotnego ignorowania w następnym wierszu, łańcuch reguł za pomocą przecinków

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

Aby wyłączyć jedną regułę dla pozostałej części pliku poniżej:

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

Aby wyłączyć wszystkie reguły w określonej linii:

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

komentarz jednowierszowy nie działał dla mnie wewnątrz reagującego głupiego komponentu funkcjonalnego, użyłem wyłączania na poziomie pliku przez dodanie / * eslint-disable insertEslintErrorDefinitionHere * /

(normalnie, jeśli używasz vs kodu i pojawia się błąd eslint, możesz kliknąć linię, która daje błąd, a żarówka pojawi się w kodzie vs, kliknij prawym przyciskiem myszy żarówkę i wybierz dowolną opcję wyłączenia, a kod vs zrobi to dla ty.)

Możesz dodać pliki, które powodują błąd do pliku .eslintignore w swoim projekcie. Podobnie jak w przypadku wszystkich plików .vue, po prostu dodaj /*.vue