Verschönern Sie Js-Code in Atom-Editor beim Speichern nach eslint Konfiguration

Question

Ich bin Atom als meine Code-Editor der Wahl und finde es schwer zu implementieren Funktionalität, um Code zu verschönern. Ich verlasse mich ziemlich stark auf eslint Paket und habe gerade beautify, um meinen Code beim Speichern aufzuräumen. Problem ist, dass, sobald Code verschönert ist, es in einigen kleineren Eslint-Fehlern resultiert und ich nach einer Weise suche, Verschönerungsplugin in einer Weise zu gründen, die eslint Regeln respektiert oder etwas anderes verwendet, das den Job tut.

Answer 1

Es klingt wie Ihre beautify Einstellungen nicht mit Ihren eslint Regeln übereinstimmen. Beispielsweise könnte die eslintindent Regel auf 4 festgelegt werden, während beautifyindent auf 2 festgelegt ist.

Das Plugin beautify enthält einige Einstellungen, um die Verschönerung Ihres Codes anzupassen. Sie können über diese Einstellungen lesen in the docs. Leider gibt es nur 17 Einstellungen, so dass es nicht möglich ist, die 2 Pakete zu synchronisieren.

Wenn Sie mehr Kontrolle über die automatische Formatierung in Atom benötigen, können Sie das ESFormatter-Paket ausprobieren. Es hat mehr als 250 Optionen, die Ihren Anforderungen besser entsprechen, wenn Sie einige nicht standardmäßige ESLint-Regeln haben.

Answer 2

Sie können ein Atom-Plugin namens Prettier Eslint verwenden, das den Code gemäß eslint Konfigurationsdatei (.eslintrc) formatiert. Es verwendet eslins --fix Flag, um Probleme zu beheben.

Bearbeiten: Sieht aus wie sein Prettier-atom jetzt. Danke, @dube.