Konfigurieren von ESLint arbeiten mit PhpStorm autofix ESLint Fehler

Habe ich definiert einige Regeln in ESLint config-Datei. Diese Datei ist im Anhang

Preferences
  ->Languages and Frameworks
     ->JavaScript
       ->Code Quality Tools
         ->ESLint

Und ich sehe, es funktioniert, weil in der code-editor für jede Regel angezeigt, wenn es erscheint eine Fehlermeldung, die nicht mit Ihnen. Auch wenn ich "Code-Inspektor"

Code
  -> Inspect code

Inspektor findet alle Fehler und zeigt diese im Fenster an der Unterseite. Es gibt auch eine Möglichkeit autofix zu jeder dieser Fehler, aber wenn ich versuche, dies zu tun bekam ich umgeleitet auf ESLint-config-Seite in PhpStorm-Einstellungen Abschnitt. Es sieht wie folgt aus:

Konfigurieren von ESLint arbeiten mit PhpStorm autofix ESLint Fehler

sollte es einen link, der sollte fix, dass automatisch, wenn ich auf Sie klicken, aber stattdessen gibt es einen link, der öffnet einfach ESLint config-popup-Fenster:

Konfigurieren von ESLint arbeiten mit PhpStorm autofix ESLint Fehler

Wie kann ich diese zum funktionieren? Ich habe versucht zu suchen in PhpStorm docs über Sie, aber ohne Erfolg.

Haben Sie überprüft, ob die Pfade richtig sind, die Sie in es gesetzt? E. g. erscheint in NetBeans, auch wenn die Wege schlecht sind. Wenn ja, sollten Sie vielleicht einen bug-report. Jungs bei intelliJ neigen dazu, haben eine gute Unterstützung imho.
ESLint ist ein 3rd-party-tool; IDE, nur hat schöne integration, ermöglicht die Anzeige aller gemeldeten Probleme durch das tool im IDE-Fenster in ähnlicher Weise wie die eingebaute (native IDE) Inspektionen Arbeit. Gemeldete Probleme von 3rd-party-tools sind nicht zugeordnet integrierte Prüfung -- Sie sind völlig getrennte Dinge. Ich bin mir nicht 100% sicher, aber wenn man bedenkt, dass ESLint arbeitet mit ganzen Datei, gäbe es keinen Weg, das zu beheben nur 1 Fehler Beispiel...
Welcher Prozess wird auf die auto-reparieren für Sie? ESLint ist nicht in der Lage, auto-den Fehler zu beheben, zumindest nicht jet. Es ist auf dem Wunschzettel für v. 2 wie Sie sehen können hier. Sowieso, möchten Sie vielleicht werfen Sie einen Blick auf die fixmyjs gulp-plugin. Hier ist ein paar mehr Infos auf fixmyjs.
Ich hatte viele Dinge zu beheben, nachdem die änderung einiger Vorschriften in ESLint config und ich wollte den Prozess zu automatisieren, das ist alles 🙂 LazyOne eigentlich ESLint wird unterstützt von PhpStorm nativ, wie auch andere tools wie JSHint oder JSLint. Die anderen tools funktioniert mit Inspektor ließ ihn tun, die autofixing welche auch in PhpStorm docs. m02ph3u5 Pfade sind gültig, weil IDE verwendet diese Regeln, wenn ich eine Datei Bearbeiten, es funktioniert einfach nicht, wenn ich versuche, es in der inspect-Modus
Es ist nicht die Antwort auf deine Frage, aber der atom-plugin (linter-eslint) hat die Fähigkeit, auto-Update, wenn Sie eine Datei speichern.

InformationsquelleAutor lukasz | 2015-09-13

8

Habe ich noch keinen Weg gefunden, dies zu tun, in irgendeiner IDE (PhpStorm/Atom/Sublime/WebStorm). Allerdings kann man einige Fragen über die Befehlszeile ausgeführt eslint --fix.

Müssen Sie ein grundlegendes Verständnis von ESLint, Folgen diese Schritte:

1) Installieren ESlint:

Weltweit:
```
npm i -g eslint eslint-config-airbnb
```
(Airbnb ' s style guide ausgiebig benutzt - http://nerds.airbnb.com/our-javascript-style-guide/.)

ODER lokal (vorzuziehen):

Installation lokal ist vorzuziehen, wenn Sie haben eine lokale node_modules - Verzeichnis. Führen Sie diesen Befehl aus dem Projekt-Verzeichnis:
```
npm i --save-dev eslint eslint-config-airbnb
```
(Sie können dann eslint aus ./node_modules/.bin/eslint)

2) Erstellen Sie eine .eslintrc Datei in Ihrem Projekt-Verzeichnis mit der folgenden Zeile.
```
{ "extends": "airbnb" }  //We installed airbnb's style guide in step 1.
```
3) Backup - /Committen Sie Ihre source-code-Dateien

Backup der Dateien, die Sie wollen, lint; der folgende Befehl kann mehrere Zeilen.

4) Laufen eslint --fix wie folgt:
```
eslint --fix path/to/file.js

eslint --fix path/to/files/*.jsx
```
Wird dieses Update 10s von Fehlern in den Dateien!

5) Wenn eslint --fix Stoppt bei Fehler manuell korrigieren, dann erneut ausführen,

Bemerkte ich, dass eslint --fix nicht beheben alle Fehler in einem Rutsch. d.h. es werden manchmal bis zu einem bestimmten Punkt in der Datei, dann stop bei Fehler kann es nicht automatisch behandeln.

Wenn Sie entfernen die oberste Frage, die eslint hängengeblieben ist, den Befehl erneut auszuführen behebt weitere Fehler in der Datei. Spülen, Wiederholen.

--

eslint einige neue features in 2015. Hoffe, dass die '--Update' - option wird in Zukunft besser: http://eslint.org/blog/2015/09/eslint-v1.5.0-released
- Atom ist linter-eslint können auto-Update auf speichert jetzt.
InformationsquelleAutor Nitin Nain
0

Können Sie hinzufügen Verknüpfung zum ausführen von ESLINT . Habe ich gemacht, gleiche Einstellung für phpstrom .Arbeiten gut auf mein Ende

Finden:https://medium.com/@jm90mm/adding-prettier-to-webstorm-a218eeec04d2

Auch für die autosave beheben ,können Sie finden Sie diese

https://medium.com/@netczuk/even-faster-code-formatting-using-eslint-22b80d061461

InformationsquelleAutor shalini

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.