2017-01-19 2 views
12

Ich habe die Eslint-Konfiguration für mein WebStorm-Projekt festgelegt. Aber es scheint nicht für die Code-Neuformatierung zu gelten. Zum Beispiel setzt es fort, import { something } from 'somewhere' als import {something} from 'somewhere' zu formatieren.Wie wird der WebStorm-Formatcode nach eslint erstellt?

Gibt es eine Möglichkeit, WebStorm so zu formatieren, dass er der eslint-Konfiguration entsprechend formatiert?

Antwort

9

Ich habe nur WebStorm 2017 installiert und ich weiß nicht, ob dies für WS 2016 funktioniert. Anstatt Option + Befehl + L zu drücken, um den Code neu zu formatieren, könnten Sie Option + Eingabe drücken, wenn sich der Mauszeiger in der Nähe eines ESLint-Fehlers befindet. Dies wird über das Kontextmenü und wählen Sie den „ESLint: Fix aktuelle Datei“ öffnet enter image description here

+0

Das gerade läuft 'eslint --fix ' für Sie. –

5

Update: Die Antwort ist veraltet. Die beste Lösung ist in https://stackoverflow.com/a/46099408/1057218

beschrieben Leider können Sie eslint Code-Stil Konfiguration nicht importieren (WEB-19350), aber Sie können den Code-Stil manuell konfigurieren.

die Einstellungen Siehe: "Datei | Einstellungen | Editor | Code-Stil | JavaScript"
Für den Import Klammern: "Spaces" -> "ES6 Import/Export-Klammern"

1

eine temporäre Lösung jetzt, die ich verwendet habe, ist meine ESLint config JSCS zu exportieren. Es funktioniert ziemlich gut mit WebStorm und PHPStorm!

Ich habe dieses Paket namens Polyjuice und here is the output von meinem eslint Konfig.

+0

Jetzt unterstützt WebStorm ESLint "out of the box" und es funktioniert wie erwartet, um Ihren Code zu stylen, siehe https://www.jetbrains.com/webstorm/whatsnew/#v2017-2-eslint – bonesbrigade

15

(Beschrieben Schritte und Screenshots sind von IntelliJ IDEA 2017,2)

Sie können eine Tastenkombination Aktion hinzufügen 'Fix ESLint Problem'. Stellen Sie sicher, dass das Plugin "JavaScript Support" installiert und aktiviert ist.

Zuerst zu Präferenzen | Sprache & Frameworks | JavaScript | Code Qualitätswerkzeuge | ESLint und aktivieren Sie es. Sie müssen Ihren 'Node Interpreter', 'ESlint-Paket' und die optionale 'Konfigurationsdatei' definieren.

enter image description here

Weiter gehen zu Einstellungen | Keymap und suchen Sie dort nach 'eslint'. Jetzt können Sie zum Beispiel die Verknüpfung 'control + shift + L' hinzufügen.

enter image description here

+0

Großartig! Vielen Dank! –

Verwandte Themen