Ich verwende Sublime Text als Texteditor.
Es gibt ein jsFormat zum Formatieren von Javascript-Dateien, aber ich kann keines für JSX finden.
Wie geht ihr mit der Formatierung von JSX um?
reactjs
sublimetext
react-jsx
Flosse
quelle
quelle
Antworten:
Update 4
Überprüfen Sie hübscher , nicht so konfigurierbar als Esformatter, aber derzeit zum Formatieren einiger großer Projekte ( wie React selbst ).
Update 3
Überprüfen Sie sublime jsfmt . Wenn Sie der Konfiguration esformatter-jsx hinzufügen und das Paket im forlder für sublime-jsfmt installieren. Sie können JSX-Dateien direkt aus Sublime formatieren. Hier ist eine Anleitung dafür
Update 2
Über die Befehlszeile können Sie auch esbeautifier verwenden . Es ist ein Wrapper um esformatter , der eine Liste der zu formatierenden Globs akzeptiert
Aktualisieren
Also habe ich ein Plugin für esformatter erstellt , um die Formatierung von JSX-Dateien zu ermöglichen:
https://www.npmjs.com/package/esformatter-jsx
Hier ist eine Live-Demo auf requirebin
Es sollte irgendwie machbar sein, esformatter von Sublime aufzurufen und die aktuelle Datei als Argument zu übergeben. Um es über die Befehlszeile zu verwenden, können Sie die folgenden Anweisungen befolgen:
Über die Befehlszeile kann es folgendermaßen verwendet werden:
==== alte Antwort unten ===
Wenn Sie also nur Ihre JSX-Dateien formatieren möchten, während Sie die
jsx
Syntax zulassen (verschönern Sie im Grunde die gesamte Javascript-Syntax und ignorieren Siejsx
Tags, dh lassen Sie sie unverändert ), verwende ich diese Funktionesformatter
Ich möchte eigentlich, dass esformatter eine Version von rocambole verwendet, die esprima-fb anstelle von esprima verwendet, um Proxyquire zu vermeiden.
quelle
Das HTML-CSS-JS Prettify-Plugin enthält eine Einstellung, mit der Sie die XML-Syntax in der Datei js / jsx ignorieren können. Auf diese Weise wird der jsx-Code nicht durcheinander gebracht. Die Einstellung ist:
"e4x": true
im Abschnitt "js" der EinstellungsdateiEinstellungen> Paketeinstellungen> HTML \ CSS \ JS Prettify> Prettify-Einstellungen festlegen
Dies funktioniert nicht gut, wenn Sie selbstschließende Tags haben, z. Tags, die auf /> enden
quelle
/>
in meinem Code, aber es funktioniert immer noch nichtSie können ein JsPrettier-Paket für Sublime 2 & 3 installieren. Es ist ein ziemlich neuer JavaScript-Formatierer (zum Zeitpunkt des Schreibens dieses Dokuments: Februar 2017). Es unterstützt die meisten der neuesten Entwicklungen wie ES2017, JSX und Flow.
Schnellstart
$ npm install -g prettier
{ "keys": ["super+b"], "command": "js_prettier" }
Links:
quelle
Um zu dem hinzuzufügen, was @Shoobah gesagt hat:
Gehen Sie zum Abschnitt "js":
Fügen Sie "jsx" zur "allow_file_extension" hinzu und ändern Sie "e4x" in "true".
quelle
Die Antwort im Internet, die Ihnen immer sagte, dass Sie 'e4x' auf true setzen, aber manchmal müssen wir die Option 'format_on_save_extensions' setzen und dann 'jsx' in das Array einfügen
Ändern Sie die Einstellungen von jsFormat.sublime
quelle
"format_on_save_extensions": ["js", "json", "jsx"]
. Das nächste, was ich über Dateierweiterungen finde, ist:"js": { "allowed_file_extensions": ["js", "json",...]
Installieren Sie Babel mit dem Paketinstallationsprogramm von Sublime . Dann:
quelle
Nicht speziell für Sublime Text, aber in JavaScript für React JSX gibt es eine Verschönerung.
http://prettydiff.com/?m=beautify behauptet, JSX zu unterstützen: http://prettydiff.com/guide/react_jsx.xhtml
quelle