6.2 KiB
| source | tags | |
|---|---|---|
| https://habr.com/ru/post/650561/ |
|
!
Как при помощи небольших твиков можно улучшить интерфейс :dev_vscode_original: VS Code, убрав ненужные визуальные элементы интерфейса.
Вступление
Обилие всевозможных тем для VS Code радует. На вкус и цвет недостатка в темах нет. Но что делать, если новые темы уже не вызывают восторга, а появляется желание скрыть тот или иной, не такой уж и нужный лично вам, элемент интерфейса. Попробуем сегодня в этом разобраться.
Давайте сначала посмотрим, к какому результату мы придём:
!
Было скрыто много чего: горизонтальная и вертикальная полосы прокрутки, миникарта, нумерация строк, вкладки, статус бар, хлебные крошки, иконки и прочие, труднопереводимые на русский язык штуки.
Подготовка
Если вы уже знаете, как обращаться с Settings.JSON, переходите к следующему разделу, нового тут нет ничего.
Для тех, кому это всё впервые, открываем файл настроек Settings.JSON:
Нажимаем комбинацию клавиш: CTRL+SHIFT+P
В выпавшем окне печатаем: "settings.json" и выбираем "Preferences: Open Settings(JSON)".
!
Открывшийся файл настроек будет наподобие этого(у вас могут быть другие значения):
!
В этот файл, в конец списка, через запятую мы и будем добавлять наши твики. Чтобы визуально разграничить наши твики от того, что уже было до нас в этом файле, добавьте пару пробелов и(или) комментарий, как показано ниже:
Основная часть
Убираем горизонтальную полосу прокрутки
"editor.scrollbar.horizontal": "hidden"
Убираем вертикальную полосу прокрутки
"editor.scrollbar.vertical": "hidden"
Избавляемся от миникарты
"editor.minimap.enabled": false
Скрываем полосу рядом с вертикальной полосой прокрутки
"editor.overviewRulerBorder": false
Скрываем нумерацию строк
"editor.lineNumbers": "off"
Если возникнет вопрос, как найти нужную строку(например десятую строку):
- Жмём
CTRL+P - Вбиваем двоеточие и номер строки
Убираем Glyph Margin. Используется при дебаггинге
"editor.glyphMargin": false
Перемещаем Side Bar и Activity Bar на правую сторону
"workbench.sideBar.location": "right"
Скрываем Activity Bar
"workbench.activityBar.visible": false
- Показать скрыть Side Bar:
CTRL+B - Проводник файлов:
CTRL+SHIFT+E - Установки:
CTRL+SHIFT+X - Глобальный поиск:
CTRL+SHIFT+F
Скрываем статус бар
"workbench.statusBar.visible": false
Убираем иконки на вкладках и на "хлебных крошках"
"workbench.editor.showIcons": false
Скрываем вкладки
"workbench.editor.showTabs": false
Навигация по вкладкам: CTRL+TAB
Скрываем "хлебные крошки"
"breadcrumbs.enabled": false
Скрываем визуальные границы функций
"editor.renderIndentGuides": false
Избавляемся от подсветки строки, на которой установлен курсор
"editor.renderLineHighlight": "none"
Получилось довольно неплохо. Давайте сравним до и после:
!
Заключение
Разумеется, для кастомизации можно и разных расширений поставить, позволяющих сделать это всё, и ещё много чего. Но, когда расширений итак уже десятки, то с определённого момента, каждое следующее расширение уже как гвоздь в крышку гроба производительности софтины.
Эти твики также применимы и к веб версии Visual Studio Code. По крайней мере те, что я пробовал.
Кстати, именно так выглядит моё рабочее пространство в VS Code, в котором я грокаю код и пишу статьи.