Я пишу TypeScriptи HTMLфайлы, и табуляции преобразуются в пробелы.

В моем TypeScriptпроекте каждая вкладка преобразуется в пробелы, я хочу отключить ее и использовать табуляцию вместо пробелов.

Это мои настройки:

{
  "editor.insertSpaces": false
}

РЕДАКТИРОВАТЬ 1:

В .htmlфайлах вроде работает , а в .tsфайлах нет.

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

Обновить:

Вы можете просто открыть Файл » Настройки » Настройки или использовать ярлык:

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

Обновить:

Теперь у вас есть альтернатива редактированию этих параметров вручную.
Нажмите на селектор Spaces: 4 в правом нижнем углу редактора:

Если вы хотите преобразовать существующий ws в вкладку, установите расширение из Marketplace
РЕДАКТИРОВАТЬ:
чтобы преобразовать существующий отступ из пробелов в табуляцию, нажмите Ctrl+ Shift+P и введите:

>Convert indentation to Tabs

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

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

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

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

Ctrl+ Shift+ P, затем "Преобразовать отступ в табуляцию"

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

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

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

4. Перезагрузите код Visual Studio (нажмите F1➤ введите reload window➤ нажмите Enter)

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

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

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

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

1. Нажмите F1➤ type 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 (нажмите F1➤ введите reload window➤ нажмите Enter)

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

Проверьте это в официальной настройке 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,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

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

Ниже настройки мне подходят,

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

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

Файл -> Настройки -> Настройки или просто нажмите Ctrl+ ,и найдите пробелы , а затем просто отключите эту опцию:

Мне пришлось повторно открыть файл, чтобы изменения вступили в силу.

1. Выделите свой код (в файле)
2. Нажмите Размер вкладки в правом нижнем углу окна приложения.
3. Выберите соответствующий преобразовать отступ в табуляцию

Если вы хотите заменить вкладки на пробелы во многих файлах, но не хотите открывать их по отдельности, я обнаружил, что это работает одинаково хорошо, просто используя параметр « Найти и заменить» на самой левой панели инструментов.

В первом поле ( Find) скопируйте и вставьте вкладку из исходного кода.

Во втором поле ( Replace) введите количество пробелов, которое вы хотите использовать (например, 2 или 4).

Если вы ...нажмете кнопку, вы можете указать каталоги, которые нужно включить или игнорировать (т.е. src/Data/Json).

Наконец, проверьте предварительный просмотр результатов и нажмите « Заменить все» . Это может повлиять на все файлы в рабочей области.

{
  "editor.insertSpaces": true
}

True работает для меня.