Я пишу TypeScriptі HTMLфайли, а вкладки перетворюються на пробіли.

У моєму TypeScriptпроекті кожна вкладка перетворюється на пробіли, я хочу її вимкнути та мати вкладку замість пробілів.

Це мої налаштування:

{
  "editor.insertSpaces": false
}

EDIT 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)

Оновлення:

Тепер у вас є альтернатива редагувати ці параметри вручну.
Клацніть на селекторні простори: 4 в нижній правій частині редактора:

Коли ви хочете перетворити наявні ws у вкладку, встановіть розширення з Marketplace
EDIT:
для перетворення наявного відступу з пробілів у вкладки hit Ctrl+ Shift+P та введіть:

>Convert indentation to Tabs

Це змінить відступ для вашого документа на основі визначених налаштувань на 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 , у списку Увімкнено ви знайдете формат JS-CSS-HTML )

Якщо так, ви можете змінити цей плагін:

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 працює для мене.