Минималистичный интерфейс в VSCode

2022/07/08

Начнём с того что уберём ненужную боковую панель активностей и строку состояния. Они занимают пространство на экране и не несут какой-либо полезной информации. Откройте файл настроек: Cmd+Shift+P (Ctrl+Shift+P если у вас Windows или Linux) и наберите Open settings (JSON). В открывшейся файл и будем добавлять свои настройки:

"workbench.activityBar.visible": false,
"workbench.statusBar.visible": false,

Доступ к панелям можно получить с клавиатуры:

Вкладки

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

"workbench.editor.showTabs": false, // оставьте true если вкладки вам нужны
"workbench.editor.tabCloseButton": "off",
"workbench.editor.showIcons": false,
"workbench.editor.decorations.badges": false,
"workbench.editor.decorations.colors": false,

Перемещаться между активными группами редакторов можно с помощью клавиш Cmd+1, Cmd+2 и так далее (если группа не была открыта, то она будет создана). Открыть вкладку в активном редакторе можно с Ctrl+Tab или Ctrl+1, Ctrl+2 и так далее.

Панели

Уберём лишние стрелки и индикаторы уровня вложенности для панелей отображающих деревья (навигация файлов, коммиты и так далее). Заодно поставим приличные иконки.

// material-icon-theme - эта тема умеет скрывать стрелки открытия закрытия узла дерева
"workbench.iconTheme": "material-icon-theme",
"workbench.tree.renderIndentGuides": "none",
"material-icon-theme.hidesExplorerArrows": true, // Это настройка плагина!

Почистим панель отображения файлов:

// Всё что заигнорировано в git, не будет отображаться
"explorer.excludeGitIgnore": true,
"explorer.openEditors.visible": 0,
"explorer.confirmDragAndDrop": false,
"explorer.autoReveal": false,

Редактор

Теперь перейдём к основному – редактору файлов. Он содержит наибольшее количество визуального шума.

"editor.minimap.enabled": false, // Да кому она нужна вообще?
"editor.renderWhitespace": "none",

Отключим подсветку активной строки и прочего мусора:

"editor.renderLineHighlight": "none",
"editor.overviewRulerBorder": false,
"editor.hideCursorInOverviewRuler": true,
"editor.occurrencesHighlight": false,

// Полосы прокрутки
"editor.scrollbar.horizontal": "hidden",
"editor.scrollbar.vertical": "auto",
"editor.scrollbar.verticalScrollbarSize": 6,

// Уровень вложенности
"editor.guides.indentation": false,

// Метки сворачивания кода. Вы теперь не сможете его свернуть.
"editor.folding": false,

// Прочие символы (точки остановки, запуск тестов и так далее)
"editor.glyphMargin": false,

// Номера строк.
"editor.lineNumbers": "off",

Шрифт. Тут на своё усмотрение. Включим также лигатуры.

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 13,
"editor.lineHeight": 18,

Хлебные крошки

Отключим хлебные крошки:

"breadcrumbs.enabled": false,
"breadcrumbs.icons": false,