Visual Studio Code-Formatierung schlägt beim Speichern fehl

Question

Ich habe angefangen, React Native zu lernen.

Ich verwende Visual Studio Code als mein Editor.

Ich habe die Kesselplatte eingerichtet und die App gestartet. Aber wenn ich eine .js-Datei ändere und auf Speichern klicke, macht VSCode alle Formatierungen zunichte.

Ich dachte, ich dies in der settings.json Datei sortieren konnte aber nach einer Weile googeln und herumspielen kann ich nicht die richtige Einstellung finden.

Ist das ein Fehler oder mache ich etwas falsch?

Einstellungsdatei ist standardmäßig ein:

UPDATE: Ich neu installiert vscode. Richten Sie dann eine grundlegende js-Datei mit einem reaktiven nativen Tag und einem HTML-Tag ein. Ich fügte hinzu, in:

"editor.formatOnSave": false, 
"javascript.format.enable": false 

Zu meiner settings.json Datei und das Problem weiterhin auftritt:

Das Problem Tags in einer js-Datei mit, ich weiß nur nicht, Wie sage ich vscode, um sie zu ignorieren?

Answer 1

Ich fand heraus, was das war, indem ich die Erweiterungen ansah. Danke an @wgj für den Hinweis.

Es stellte sich heraus, es war der JS-CSS-HTML-Formatierer. Ich habe die Anweisungen durchgesehen und das automatische Speichern für jetzt entfernt. Ich muss die spezifischen Einstellungen dafür ausarbeiten.

Es verwendet js-verschönern, also wenn jemand die Einstellungen kennt, die ich betrachten sollte, wäre sehr geschätzt.

Answer 2

Sie sollten nach "Format" in settings.json suchen. Sie werden dort eine ganze Menge Typoskript/JavaScript Formatierung Tweaks zu finden, aber derjenige, der mir auffällt, ist:

// Defines space handling after opening and before closing non empty brackets. 
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false 

Alternative, du bist kein Fan von Formatierungen überhaupt, können Sie es drehen ganz aus:

// Enable/disable default JavaScript formatter. 
    "javascript.format.enable": true, 

Allerdings kommen viele meiner Formatierungsoptionen von Sprachservererweiterungen, wenn Sie also ein verwenden für native spezifisch reagieren, sollten Sie die Attribute in settings.json, oder die Dokumentation zu überprüfen, um zu sehen, Wenn es Attribute gibt, die Sie hinzufügen können.

Answer 3

hatte ich ein ähnliches Problem und es stellte sich meine ultimative Täter ...

ich einfach für den Arbeitsbereich deaktiviert es war also aus.

Answer 4

fand ich meine Lösung für dieses Problem, indem sie meine Komponenten Dateierweiterung von js Umwandlung JSX. Keine Probleme mehr und alles funktioniert gut.