JsPrettier in Sublime 3 does not single quote className

Question

Ich benutze Sublime Text 3 mit JSPrettier, um Javascript und JSX-Code zu formatieren.

Ich habe das in meiner JSPrettier Konfiguration eingestellt folgende:

// If true, will use single instead of double quotes 
"singleQuote": true 

Selbst mit, dass bei der Formatierung des Codes JSPrettier über die Umsetzung von doppelten Anführungszeichen auf Klassennamen und anderen JSX Eigenschaften nach wie vor besteht, wie:

<div className="uxm-details-header-buttons"> 

oder

<Icon name="refresh" /> 

ich wirklich erwartet alles mit einfachem Anführungszeichen, doppelte für spezielle Fälle behalten.

Irgendein Tipp, wie man das löst?

Answer 1

Dies ist derzeit nicht möglich mit nur hübscher. Quotes in JSX will always be double and prettier will ignore this setting. Wenn Sie die Motivation hinter dieser Entscheidung verstehen möchten, können Sie diese GitHub thread lesen. Der Kern des Arguments, JSX-Anführungszeichen als Double zu behalten, besteht darin, einen Stil in der Community zu erzwingen und je weniger Konfigurationsoptionen, desto besser.

Irgendein Tipp, wie man das löst?

Sie können Ihren Code über prettier-eslint ausführen. Dies formatiert Ihren Code über hübscher und übergibt das Ergebnis davon an eslint --fix. Auf diese Weise können Sie die Vorteile der besseren Formatierungsfunktionen von hübscher nutzen, aber auch von den Konfigurationsmöglichkeiten von eslint profitieren.