Пробелы для вкладок в коде Visual Studio

Я пишу typescript и html файлы и вкладки становятся на места. Это первый раз, когда я использую код Visual Studio.

Я попытался изменить настройки и перезапустить, но ничего не изменилось.

настройки я настроил:

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

я попробовал google, и я обнаружил, что я сделал правильный шаг, когда я добавил insertSpaces до true, но это не меняет мои предпочтения...

редактировать 1:

я обнаружил, что вкладки работы в html файлы, но не ts файлы...

7 56
tabs visual-studio-code

7 ответов:

есть 3 варианта:

// 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 обнаруживает его из вашего файла, вы должны отключить его. Если это не помогло, проверьте, что у вас нет настройки с более высоким приоритетом. Например, когда вы сохраняете его в настройках пользователя, он может быть перезаписан настройками рабочей области, которые находятся в папке проекта.

если вы хотите конвертировать существующие ws в tab, установите расширение из Marketplace

EDIT:

К преобразование существующего отступа из пробелов в вкладки хит Ctrl+Shift+P и

>Convert indentation to Tabs

это изменит отступ для вашего документа на основе определенных настроек на вкладки.

82

чтобы изменить настройки вкладки, щелкните текстовую область справа от текста Ln/Col в строке состояния в правом нижнем углу окна vscode.

имя может быть Tab Size или Spaces.

появится меню со всеми доступными действиями и настройки.

enter image description here

88

в моем случае проблема заключалась в расширении JS-CSS-HTML Formatter, установленном после обновления января. Свойство indent_char по умолчанию-пробел. Я удалил его и странное поведение останавливается.

7

Ctrl + shift + P затем "преобразовать отступы в пробелы"

6

ниже настройки работают хорошо для меня,

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

выше настройки будут отражать и применяться к каждому файлу. Вам не нужно отступать/форматировать каждый файл вручную.

4

проверьте это из официальной настройки vscode:

  // 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
  }
1

если вы хотите использовать табы вместо пробелов

попробуйте это:

  1. на File➤ Preferences➤ Settings или просто нажмите клавишу Ctrl + ,
  2. на настройки поиска бар сверху вставить editor.insertSpaces
  3. вы увидите что-то вроде этого: Редактор: Вставить Пробелы и это, вероятно, будет проверено. Просто снимите его, как показано на рисунке ниже

https://i.stack.imgur.com/iOOU9.png (нажмите, чтобы открыть)

  1. перезагрузка Visual Studio Code (нажмите клавишу F1 ➤ типа reload window пресс➤Enter)

если это не сработало, попробуйте это:

это, вероятно, из-за установленного плагина JS-CSS-HTML Formatter

(вы можете проверить это, перейдя в File➤ Preferences➤ Extensions или просто нажатие Ctrl + Shift + X, в включено список вы найдете JS-CSS-HTML Formatter)

если это так, вы можете изменить этот плагин:

  1. пресс F1 ➤ типа Formatter config пресс➤Enter (откроется файл formatter.json)

  2. изменить файл так:

     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. сохранить его (перейти к File➤ Save или просто нажмите клавишу Ctrl + S)

  4. перезагрузка Visual Studio Code (нажмите клавишу F1 ➤ типа reload window пресс➤Enter)
1