Для кожного файлу машинопису візуальний код студії використовує автоматичний відступ на 8 пробілів. На мій смак це занадто багато, але я не можу знайти, де її змінити.
Можливо, він доступний як налаштування, але під іншою назвою, оскільки я не можу знайти нічого, пов’язаного з відступом.
ОНОВЛЕННЯ
Наразі я використовую формат форматів Prettier, який вирішує всі проблеми із форматуванням шляхом автоматичного форматування при збереженні (якщо немає синтаксичної помилки)
Відповіді:
Ви можете змінити це на глобальному Userрівні або Workspaceрівні.
Відкрийте настройки: З допомогою клавіш ctrl + ,або клацання File> Preferences> , Settingsяк показано нижче.
Потім виконайте наступні 2 зміни: (введіть tabSizeу рядок пошуку)
Detect Indentation
На панелі інструментів у правому нижньому куті ви побачите елемент, який виглядає наступним чином: 
Після натискання на нього ви отримаєте можливість відступу за допомогою пробілів або вкладок. Вибравши тип відступу, ви зможете змінити, наскільки великим є відступ. У випадку з наведеним вище прикладом відступ встановлюється на 4 пробіли на відступ. Якщо в якості символу відступу вибрано вкладку, то ви побачите розмір вкладки замість пробілів
Якщо ви хочете, щоб це стосувалося всіх файлів, а не на основі окремого файлу, замініть Editor: Tab Sizeта Editor: Insert Spacesналаштування або в налаштуваннях користувача, або в налаштуваннях робочої області, залежно від ваших потреб
Щоб перейти до налаштувань користувача або робочої області, перейдіть до Налаштування -> Налаштування . Перевірте, чи перебуваєте ви на вкладці " Користувач" або " Робоча область" , залежно від ваших потреб, і використовуйте панель пошуку, щоб знайти налаштування. Ви також можете відключити, Editor: Detect Indentationоскільки цей параметр буде змінювати те, що ви встановили, Editor: Insert Spacesі Editor: Tab Sizeколи воно ввімкнено
editor.tabSpacesж НЕ змінити інтервал у всіх файлах. Він змінює його лише для створених майбутніми файлами. Досі немає рішення для виправлення всіх файлів за одну дію.
Щоб змінити відступ на основі мови програмування :
workbench.action.configureLanguageBasedSettings)Додайте цей код:
"[typescript]": {
"editor.tabSize": 2
}
editor.detectIndentationКрім відповіді Елліот-Дж, ви також можете встановити значення false.
VSCode замінить ваші editor.tabSizeта editor.insertSpacesпараметри для кожного файлу, якщо виявить, що файл має інший шаблон вкладки або пробілів. Ви можете зіткнутися з цією проблемою, якщо ви додасте існуючі файли до свого проекту або додаєте файли за допомогою генераторів коду, таких як Angular Cli. Вищенаведене налаштування заважає VSCode робити це.
Ярлик для форматування коду:
VSCode в Windows - Shift + Alt + F
VSCode на MacOS - Shift + Option + F
VSCode на Ubuntu - Ctrl + Shift + I
Ви також можете налаштувати цей ярлик, використовуючи налаштування параметрів, якщо потрібно.
вибір стовпця за допомогою клавіатури Ctrl + Shift + Alt + Arrow
Shift + Alt + Fзмінив усі відступи у моєму файлі з 8 пробілів на мої 4 проміжки за замовчуванням. Якраз те, що я шукав :)
У моєму випадку розширення " 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
Спрощене пояснення із зображеннями для тих, хто в Google "Змінити відступ у Кодексі VS"
Крок 1: Натисніть Налаштування> Налаштування
Крок 2. Налаштування, яку ви шукаєте, - "Виявити відступ", почніть вводити це. Клацніть на "Редактор: Розмір вкладки"
Крок 3: Прокрутіть униз до "Редактор: Розмір вкладки" та введіть 2 (або все, що вам потрібно).
Зміни зберігаються автоматично
Приклад моїх змін
Щоб встановити всі існуючі файли та нові файли з ідентифікацією простору до 2, просто покладіть його у ваш setuns.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
}
Як перетворити 4 пробіли у всіх файлах у VS Code на 2 пробіли
( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)]))у поле пошуку$1у поле заміниЯк перетворити 2 пробіли у всіх файлах у VS Code на 4 пробіли
( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)]))у поле пошуку$1$1у поле заміниПРИМІТКА. Спершу потрібно увімкнути PERL Regex. Це як:
"search.usePCRE2": trueСподіваюся, хтось це бачить.
Проблема: прийнята відповідь фактично не фіксує відступ у поточному документі.
Рішення: запустіть Format Documentдля повторної обробки документа відповідно до поточних (нових) налаштувань.
Проблема: Документи HTML у моїх проектах мають тип "Django HTML", а не "HTML", і форматеру немає.
Рішення: Переключіть їх на синтаксис "HTML", відформатуйте їх, а потім переключіться на "Django HTML".
Проблема: Форматор HTML не знає, як обробляти теги шаблонів Django і скасовує більшу частину моїх ретельно застосованих вкладень.
Рішення: Встановіть розширення відступ 4-2 , яке виконує відступ суворо, без огляду на синтаксис поточної мови (що я хочу в цьому випадку).
Я хотів змінити відступ мого існуючого файлу HTML з 4 пробілів на 2 пробіли.
Я натиснув кнопку "Пробіли: 4" у рядку стану та змінив їх на два у наступному діалоговому вікні.
Я використовую розширення 'vim'. Я не можу повторно відступити без vim
Для повторного відступу мого поточного файлу я використав це:
gg
=
G
Додавання: так, ви можете використовувати інтерфейс у нижньому правому куті для налаштування параметрів простору. Але якщо у вас є існуючий код, який не відформатований до нового інтервалу, ви можете клацнути правою кнопкою миші будь-де в межах файлу та натиснути Формат документа . Мені потрібно було трохи розібратися в цьому, поки я не натрапив на це питання .