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

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

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

ОБНОВЛЕНИЕ

В настоящее время я использую [Форматтер кода Prettier](https://marketplace.visualstudio.com/items?itemName = esbenp.pretier-vscode), который решает все проблемы форматирования путем автоматического форматирования при сохранении (если нет синтаксической ошибки)

Решение

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

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

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

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

Комментарии (12)

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

  1. Откройте командную палитру ( Ctrl < / kbd > + / kbd > + P < / kbd >)

    • Предпочтения: Настройка языковых настроек...* (идентификатор команды: workbench.action.configureLanguageBasedSettings)
  2. Выберите язык программирования (например, TypeScript)

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

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

См. Также: VS Code Docs

Комментарии (2)

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

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

Комментарии (0)

Краткое описание форматирования кода:

VSCode в Windows - Shift + Alt + F

VSCode на MacOS - Shift + Option + F

VSCode на Ubuntu - Ctrl + Shift + I

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

Выбор столбца с клавиатурой Ctrl + Shift + Alt + Arrow < / kbd >

Комментарии (1)

В моем случае «[EditorConfig для VS Code][1]» расширение переопределяет настройки 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

[1]: https://marketplace.visualstudio.com/items?itemName = EditorConfig.EditorConfig

Комментарии (0)

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

Решение: запустите «Формат документа», чтобы повторно обработать документ в соответствии с текущими (новыми) настройками.

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

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

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

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

[1]: https://marketplace.visualstudio.com/items?itemName = Compulim.indent4to2

Комментарии (0)

Чтобы установить все существующие файлы и новые файлы в поле идентификации на 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
} 
Комментарии (2)

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

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

Я использую расширение 'vim'. Я не знаю, как повторно войти без вима

Чтобы повторно ввести мой текущий файл, я использовал это:

gg

=

G
Комментарии (0)

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

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

Шаг 2: Настройка, которую вы ищете, это «Обнаружение индикации», начните вводить это. Нажмите «Редактор: Размер вкладки»

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

& Лт; br > & Лт; hr >

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

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

Комментарии (0)

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

Форматированное меню документа

Комментарии (0)