it-swarm.com.de

Konvertieren Sie Leerzeichen in Tabulatoren

Ich schreibe TypeScript und HTML Dateien und Tabulatoren werden in Leerzeichen umgewandelt.

Ich habe versucht, die Einstellungen zu ändern und neu zu starten, aber nichts hat sich geändert.

Die Einstellungen, die ich konfiguriert habe:

// Place your settings in this file to overwrite default and user settings.
{
    "editor.insertSpaces": false
}

Ich habe versucht, es zu googeln, und festgestellt, dass ich einen richtigen Schritt getan habe, als ich "editor.insertSpaces": false Hinzugefügt habe, aber meine Einstellungen wurden nicht geändert.

EDIT 1:

Ich habe festgestellt, dass die Registerkarten in .html - Dateien funktionieren, aber nicht in .ts - Dateien.

99
Matan Yedayev

Es gibt 3 Optionen in .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentation erkennt es aus Ihrer Datei, müssen Sie es deaktivieren. Wenn es nicht geholfen hat, überprüfen Sie, ob Sie keine Einstellungen mit höherer Priorität haben. Wenn Sie es beispielsweise in den Benutzereinstellungen speichern, kann es durch die Arbeitsbereichseinstellungen in Ihrem Projektordner überschrieben werden.

Aktualisieren:

Sie können einfach File-> Preferences-> Settings öffnen oder eine Verknüpfung verwenden:

CTRL+,  [~ # ~] pc [~ # ~] (Windows, Linux)

+,  Mac

Update:

Jetzt haben Sie die Möglichkeit, diese Optionen manuell zu bearbeiten.
Klicken Sie auf Selector Spaces: 4 unten rechts im Editor:
 Ln44, Col . [Spaces:4] . UTF-8 with BOM . CTRLF . HTML . :)

Wenn Sie vorhandene ws in tab konvertieren möchten, installieren Sie die Erweiterung von Marketplace
EDIT:
Um vorhandene Einrückungen von Leerzeichen in Tabulatoren umzuwandeln, drücken Sie Ctrl+Shift+P und tippe:

>Convert indentation to Tabs

Dadurch wird der Einzug für Ihr Dokument basierend auf den definierten Einstellungen in Registerkarten geändert.

170
v-andrew

Um die Registerkarteneinstellungen zu ändern, klicken Sie in der Statusleiste unten rechts im vscode-Fenster auf den Textbereich rechts neben dem Ln/Col-Text.

Der Name kann Tab Size Oder Spaces sein.

Ein Menü mit allen verfügbaren Aktionen und Einstellungen wird angezeigt.

enter image description here

120

Strg + Umschalt + P dann "Einrückung in Tabulatoren umwandeln"

22
carlsborg

Wenn Sie Tabulatoren anstelle von Leerzeichen verwenden möchten

Versuche dies:

  1. Gehe zu FilePreferencesSettings oder drücke einfach Ctrl + ,
  2. In der Leiste Search settings oben einfügen editor.insertSpaces
  3. Sie werden so etwas sehen: Editor: Leerzeichen einfügen und es wird wahrscheinlich überprüft. Deaktivieren Sie es einfach wie im Bild unten gezeigt

enter image description here

  1. Neu laden Visual Studio Code (Drücken Sie F1 ➤ Geben Sie reload window ➤ Drücken Sie Enter)

Wenn es nicht funktioniert, versuchen Sie Folgendes:

Es liegt wahrscheinlich am installierten Plugin JS-CSS-HTML Formatter

(Sie können dies überprüfen, indem Sie zu FilePreferencesExtensions wechseln oder einfach Ctrl + Shift + X In ) drücken Aktivierte Liste finden Sie JS-CSS-HTML Formatter )

Wenn ja, können Sie dieses Plugin ändern:

  1. Drücken Sie F1 ➤ geben Sie Formatter config ➤ drücken Sie Enter (es wird die Datei formatter.json Geöffnet)
  2. Ändern Sie die Datei wie folgt:

     4|    "indent_size": 1,
     5|    "indent_char": "\t"
    ——|
    24|    "indent_size": 1,
    25|    "indentCharacter": "\t",
    26|    "indent_char": "\t",
    ——|
    34|    "indent_size": 1,
    35|    "indent_char": "\t",
    36|    "indent_character": "\t"
    
  3. Speichern (Gehe zu FileSave oder drücke einfach Ctrl + S)

  4. Neu laden Visual Studio Code (Drücken Sie F1 ➤ Geben Sie reload window ➤ Drücken Sie Enter)
10
Alex Logvin

In meinem Fall war das Problem, dass die Erweiterung JS-CSS-HTML Formatter nach dem Update im Januar installiert wurde. Die Standardeigenschaft indent_char ist space. Ich habe es deinstalliert und das seltsame Verhalten hört auf.

8
Vinicios Torres

Die folgenden Einstellungen funktionieren für mich gut.

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

Die obigen Einstellungen werden auf alle Dateien angewendet. Sie müssen nicht jede Datei manuell einrücken/formatieren.

6
Rohan Kumar

Überprüfen Sie dies anhand der offiziellen vscode-Einstellung:

  // Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
  "editor.detectIndentation": true,

  // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 4,

  // Configure editor settings to be overridden for [html] language.
  "[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
  }
4
Xin

File -> Preferences -> Settings (oder drücke einfach Ctrl+, und suche nach spaces, dann deaktiviere einfach diese Option:

enter image description here

Ich musste die Datei erneut öffnen, damit die Änderungen wirksam wurden.

3
lama12345