Как изменить отступ в коде Visual Studio?

Для каждого typescript файла визуальный студийный код использует автоматический отступ в 8 пробелов. Это слишком много для моего вкуса, но я не могу найти, где его изменить.

Возможно, он доступен как параметр, но под другим именем, поскольку я не могу найти ничего, связанного с отступом.

Ответ 1

На панели инструментов в правом нижнем углу вы увидите элемент, который выглядит следующим образом: После нажатия на него вы получите возможность сделать отступ, используя пробелы или табуляции. После выбора типа отступа у вас будет возможность изменить размер отступа. В приведенном выше примере отступ равен 4 пробелам на отступ. Если в качестве символа отступа выбрана вкладка, вы увидите размер вкладки вместо пробелов

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и Editor: Insert Spaces в Настройки пользователя или Настройки рабочего пространства, в зависимости от вашего необходимо

Изменить 1

Чтобы перейти к настройкам пользователя или рабочей области, перейдите в раздел Настройки → Настройки. Убедитесь, что вы находитесь на вкладке Пользователь или Рабочая область, в зависимости от ваших потребностей, и используйте панель поиска, чтобы найти настройки. Вы также можете отключить Editor: Detect Indentation, так как этот параметр переопределит то, что вы установили для Editor: Insert Spaces и Editor: Tab Size, когда он включен

Ответ 2

Чтобы изменить отступ в зависимости от языка программирования:

Откройте палитру команд (Ctrl + Shift + P)
Предпочтения: Сконфигурировать специфичные для языка настройки... (идентификатор команды: workbench.action.configureLanguageBasedSettings)
Выберите язык программирования (например, TypeScript)

Добавьте этот код:

"[typescript]": {
    "editor.tabSize": 2
}

Смотрите также: VS Code Docs

Ответ 3

Вы также можете установить editor.detectIndentation в значение false, в дополнение к ответу Elliot-J.

VSCode перезаписывает настройки editor.tabSize и editor.insertSpaces для каждого файла, если обнаруживает, что у файла есть другой шаблон отступов или пробелов в пробелах. Вы можете столкнуться с этой проблемой, если вы добавляете существующие файлы в свой проект или добавляете файлы с помощью генераторов кода, таких как Angular Cli. Вышеуказанная настройка запрещает VSCode делать это.

Ответ 4

Ярлык форматирования кода:

VSCode в Windows - Shift + Alt + F

VSCode на MacOS - Shift + Option + F

VSCode в Ubuntu - Ctrl + Shift + I

Вы также можете настроить этот ярлык, используя настройки предпочтений, если это необходимо.

выбор колонки с помощью клавиатуры Ctrl + Shift + Alt + Arrow

Ответ 5

В моем случае расширение " EditorConfig for VS Code " переопределяет настройки VSCode. Если он установлен, проверьте файл .editorconfig в корневой папке проекта.

Вот пример конфигурации. "Indent_size" устанавливает количество пробелов для вкладки.

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

Ответ 6

Проблема: принятый ответ фактически не исправляет отступ в текущем документе.

Решение: Запустите " Format Document чтобы повторно обработать документ в соответствии с текущими (новыми) настройками.

Проблема: Документы HTML в моих проектах имеют тип "Django HTML", а не "HTML", и нет доступного форматера.

Решение: переключите их на синтаксис "HTML", отформатируйте их, а затем переключитесь обратно на "Django HTML".

Проблема: средство форматирования HTML не знает, как обрабатывать теги шаблонов Django, и отменяет большую часть моего тщательно примененного вложения.

Решение: Установите расширение Indent 4-2, которое выполняет отступы строго, без учета текущего синтаксиса языка (что я и хочу в этом случае).

Ответ 7

Чтобы установить для всех существующих файлов и новых файлов пространство с идентификатором 2, просто поместите его в файл settingns.json (в корне json):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

вы можете добавить языковой тип конфигурации:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
}

Ответ 8

Я хотел изменить отступ моего существующего HTML файла с 4 пробелов на 2 пробела.

Я нажал кнопку "Пробелы: 4" в строке состояния и изменил их на два в следующем диалоговом окне.

Я использую расширение vim. Я не, как сделать отступ без VIM

Для повторного отступа моего текущего файла я использовал это:

gg

=

G

Ответ 9

Упрощенное объяснение с картинками для тех, кто погуглил "Изменить отступ в VS Code"

Шаг 1: Нажмите Настройки> Настройки

Шаг 2: Параметр, который вы ищете - "Обнаружить отступ", начните вводить его. Нажмите "Редактор: Размер вкладки"

Шаг 3: Прокрутите вниз до "Редактор: Размер вкладки" и введите 2 (или что вам нужно).

Изменения автоматически сохраняются

Пример моих изменений

Ответ 10

Добавление: да, вы можете использовать нижний правый интерфейс для настройки параметров пространства. Но если у вас есть код, который не отформатирован с новым интервалом, вы можете щелкнуть правой кнопкой мыши в любом месте файла и выбрать " Формат документа". Мне понадобилось время, чтобы понять это, пока я не наткнулся на этот вопрос.

Меню "Формат документа"

Ответ 11

См. Инструменты- > Параметры- > Текстовый редактор → TypeScript → Вкладки.