wake-up-neo.net

Wie formatiere ich Code beim Speichern in VS Code?

Ich möchte TypeScript-Code automatisch mit dem integrierten Formatierer formatieren, wenn ich eine Datei in Visual Studio Code speichere.

Ich kenne die folgenden Optionen, aber keine davon ist gut genug:

  • Manuell formatieren Shift + Alt + F
  • Formatieren bei Typ "editor.formatOnType": true
    • Es formatiert die Zeile, wenn Sie die Eingabetaste drücken. Leider bleibt es unformatiert, wenn Sie mit der Maus auf eine andere Zeile klicken oder den Aufwärts-/Abwärtspfeil drücken.
  • Vorhandene Erweiterung verwenden
    • Ich habe es versucht eins , aber es scheint nicht zu gut zu funktionieren.
  • Benutze beautify "beautify.onSave": true
    • Es funktioniert nicht mit TypeScript
  • Benutzerdefinierte Erweiterung schreiben
    • Es ist schwierig, wenn Sie mit Autosaves und Builds richtig umgehen möchten.
visual-studio-codevscode-settingscode-formatting
126
Tomas Nikodym

Ab September 2016 (VSCode 1.6) ist dies nun offiziell nterstützt .

Fügen Sie der Datei settings.json Folgendes hinzu:

"editor.formatOnSave": true
188
Tomas Nikodym

So formatieren Sie den Code beim Speichern automatisch:

  • Drücken Sie Ctrl, um Benutzereinstellungen zu öffnen

  • Geben Sie den folgenden Code in die geöffnete Einstellungsdatei ein

    {
    "editor.formatOnSave": true
}

  • Datei speichern

Quelle

42
student

Wenn Sie beim Speichern nur mit Javascript automatisch formatieren möchten, fügen Sie dieses in Users Setting (Drücken Sie Cmd, oder Ctrl,):

"[javascript]": { "editor.formatOnSave": true }
21
Long Nguyen

Es müssen keine Befehle mehr hinzugefügt werden. Befolgen Sie die folgenden Schritte, wenn Sie Visual Studio Code noch nicht kennen und nach einer einfachen Möglichkeit suchen, Code beim Speichern zu formatieren.

  1. Öffnen Sie die Einstellungen durch Drücken von [Cmd+,] in Mac oder mit dem folgenden Screenshot.

VS Code - Open Settings Command Image

  1. Geben Sie ' format ' in das Suchfeld ein und aktivieren Sie die Option ' Format beim Speichern '.

enter image description here

Du bist fertig. Danke.

14
Balasubramani M

Fügen Sie für MAC user diese Zeile zu Ihren Standardeinstellungen hinzu

Der Dateipfad lautet:/Users/USER_NAME/Library/Application Support/Code/User/settings.json

"tslint.autoFixOnSave": true

Beispiel der Datei wäre:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "TypeScript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "TypeScript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}
2
Richard