Как увеличить отступы в VS Code Explorer, как в NetBeans

The indentation you see in the VS Code Explorer is governed by the workbench.tree.indent setting.
Just bump it up to a higher pixel value—say 20 px or 24 px—either via the Settings UI or by editing settings.json, and the tree will start looking more like NetBeans.

Contents

• Где найти настройку
• Изменение отступа через UI настроек
• Прямое редактирование settings.json
• Тонкая настройка с помощью CSS (продвинутый)
• Распространённые ошибки и советы

Где найти настройку

Настройку отступа можно найти в разделе Workbench → Tree: Indent в панели настроек.
В более старых версиях VS Code эта настройка не была доступна, поэтому, если её нет, обновитесь до последней стабильной версии.
Она также присутствует в JSON‑файле под ключом workbench.tree.indent.

Изменение отступа через UI настроек

1. Откройте палитру команд (Ctrl + Shift + P или ⌘ + Shift + P) и введите Preferences: Open Settings (UI).
2. В строке поиска напишите indent.
3. В разделе Workbench › Tree: Indent введите нужное значение в пикселях.
   • 20 px даёт умеренный прирост, 24 px ближе к NetBeans.
4. Проводник обновится мгновенно, так что вы сразу увидите изменение.

Этот способ держит вашу конфигурацию в синхронизации с UI и является рекомендуемым для большинства пользователей.

Источник: Stack Overflow

Прямое редактирование settings.json

1. Откройте File → Preferences → Settings.
2. Переключитесь на вид JSON, щёлкнув по иконке {}.
3. Добавьте или измените запись:

{
    "workbench.tree.indent": 20
}

4. Сохраните файл; изменение вступит в силу сразу, и вы сразу увидите новый отступ.

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

Источник: Блог Райана Чапина

Тонкая настройка с помощью CSS (продвинутый)

Для тех, кто хочет ещё больше контроля, VS Code позволяет подключать пользовательский CSS через расширения (например, Custom CSS and JS Loader). Вы можете задать стили для линий отступов дерева:

/* Увеличить ширину визуального индикатора отступа */
.monaco-tree-row .monaco-tree-indent-guide {
    width: 4px;
}

Однако это потребует отключения встроенных проверок безопасности и не поддерживается официально.

Источник: Блог Блейка Пелла

Распространённые ошибки и советы

Conclusion

• Ключ workbench.tree.indent управляет всеми отступами в дереве VS Code.
• Настройка через UI настроек или settings.json быстро придаёт вид NetBeans.
• Для более глубокой кастомизации доступны CSS‑тюны, но они требуют дополнительных действий.
• Не забывайте держать VS Code обновлённым, чтобы иметь доступ к последним возможностям настройки.

Следуя приведённым выше шагам, ваш Проводник будет отображать более заметные, похожие на NetBeans отступы, что улучшит читаемость сложных структур папок.