Wie konfiguriert man ESLint Autofix beim Speichern in PHPStorm/WebStorm?

Question

Ich versuche, einen benutzerdefinierten Dateiwatcher in PhpStorm zu erstellen, der beim Speichern ESLint-Fehler automatisch korrigiert. In Settings > Tools > File Watchers habe ich eine neue Datei-Watcher mit den folgenden Einstellungen:

• Dateityp: Any
• Scope: All places
• Programm: /home/user/Projects/todo-app/eslint-autofix.sh
• Argumente: blank
• Ausgangspfade zu aktualisieren: blank
• Andere Optionen> Arbeitsverzeichnis: /home/user/Projects/todo-app

eslint-autofix.sh:

#!/usr/bin/env bash 

./node_modules/.bin/eslint --fix 

Dann machte ich einen ESLint Fehler und gedrückt Strg + S zu speichern. Der folgende Fehler wird angezeigt:

/home/user/Projects/todo-app/eslint-autofix.sh 
/usr/bin/env: ‘node’: No such file or directory 

Wie Sie diesen Fehler beheben?

Answer 1

Nach this Artikel, die Einstellungen wie folgt sein sollte:

• Dateityp: Alle
• Gültigkeitsbereich: Projektdateien
• Programm: ./node_modules/.bin/eslint (Angabe der vollständigen Pfad, falls erforderlich)
• Argumente: --fix $ FilePath $
• Ausgangspfade aktualisieren: $ filedir $