Is it possible to configure control + scroll-wheel to increase/decrease zoom in VS Code?
Similar to the default in the Visual Studio editors or Sublime, I would like to use control + scroll-wheel to change the font size / zoom level, rather than control-plus/minus. I did not see any option in the User or Workspace preferences.
Edit from Derek Morin: If you want this to be the default behaviour, please upvote: https://github.com/microsoft/vscode/issues/97137
8 Answers 8
You can edit settings.json and add this line:
Or go to settings CTRL + , or File > Preferences > Settings and search for:
in newer versions :
File -> preferences -> settings -> search for » mouse wheel zoom «
File > Preferences > Settings and search for:
✅ check this setting
go to settings CTRL + ,
Go the edit settings.json and add the below line inside the
For reference setting.json all preferences
Is it possible to configure control + scroll-wheel to increase/decrease zoom in VS Code?
Configure Ctrl+ scroll-wheel to increase/decrease zoom in VS Code.
1 : File > Preferences > Settings
2 : Type "mouseWheelZoom"
3 : select Zoom option : if you need to zoom on : Ctrl+ Mousewheel (select the check-box) enter code here if you Do Not need to zoom on : Ctrl+ Mousewheel (unselect select the check-box)
How to Zoom In and Out in VS Code (Plus an Optional Extension)
I love the Zoom Bar extension for VS Code, but you don’t need it be able to zoom in and zoom out.
Since I’ve been streaming about programming, I’ve been using a 10px font size in my VS Code settings and then zooming in as I code.
In VS Code, zooming in also increases the interface size, while the font size setting does not, so I like to make my interface more readable.
The Zoom Bar extension tells me my zoom in the status bar at the bottom of my VS Code window, and I can click to change the zoom level.
Zoom Bar — Visual Studio Marketplace
Zoom UI in status bar for vscode. Can zoom via GUI in status bar. Show extension side bar within VS…
But you don’t need Zoom Bar to become a zoom master; just use these keyboard shortcuts for VS Code:
- View: Reset Zoom
Ctrl + NumPad0 - View: Zoom In
Ctrl + = - View: Zoom Out
Ctrl + —
You may realize that these are the same Zoom In and Zoom Out shortcuts as for Mozilla Firefox and Google Chrome, except in the browsers the reset zoom is Ctrl + 0 , not Ctrl + NumPad0 :
- Browser: Reset Zoom
Ctrl + 0 - Browser: Zoom In
Ctrl + = - Browser: Zoom Out
Ctrl + —
On macOS, the VS Code shortcuts use the Command key, ⌘ :
- View: Reset Zoom
⌘ + NumPad0 - View: Zoom In
⌘ + = - View: Zoom Out
⌘ + ⇧Shift + —
The VS Code shortcut for Reset Zoom is different from the one the browsers use because Ctrl + 0 in VS Code focuses on the sidebar:
- View: Focus into Side Bar
Ctrl/⌘ + 0
Focusing on the sidebar is a pretty cool feature in and of itself, as discussed by Benjamin Pasero and Travis Sullivan:
bpasero: “This keybinding is currently used to focus the sidebar so that you have a nice logical keybinding model of Ctrl+0 being sidebar and Ctrl+1/2/3 to focus an editor group.”
Обзор горячих клавиш в VS Code: дефолтные и настраиваемые
Visual Studio Code – практически лучший редактор кода, если вы работаете под графическим интерфейсом. Во первых, Visual Studio поддерживает множество языков; во вторых, на оформлении кода Visual Studio не останавливается – редактор может работать с Git, предоставлять рефакторинг, у него есть крайне удобный отладчик и так далее. В третьих, для VS есть множество полезных плагинов (как встроенных, так и сторонних), позволяющих манипулировать комбинациями клавиш и настраивать хоткеи под себя. О последнем мы и будем говорить: при каких сочетаниях клавиш VS ведет себя так или иначе, как не запутаться в горячих клавишах и как можно настроить горячие клавиши через собственноручно написанную (кодом!) конфигурацию.
Дефолтные клавиши
Здесь мы предоставим список горячих клавиш, который редакторы кода из семейства VS имеют по дефолту.
Стандартное редактирование
Нужно зажать…
… и нажать
Действие
Ctrl + …
Вырезать. Если ничего не выделили – вырежет всю линию
Скопировать. Если ничего не выделили – скопирует всю линию
Enter / Shift + Enter
Вставить пустую строку сверху/снизу. Курсор сдвигается только во втором случае
Отмена какого-либо действия
Отмена какого-либо действия, сделанного курсором
Выбрать все совпадения с тем, что выделено курсором
Выбрать ту линию, на которой установлен курсор
Переместиться к открывающим/закрывающим скобкам, которые совпадают с выделенными
Выделить отступом/Убрать выделение
К началу исходника
К концу исходника
Закрыть/Раскрыть регион. Действие касается функций, циклов и так далее
K, после чего Ctrl + U
Alt + …
Переместиться на строку вверх/вниз
Переместиться на экран вверх/вниз
Выбрать все совпадения с тем, что задано в поиске
Shift + …
Перейти к предыдущему совпадению
Alt + стрелочка вверх/вниз
Скопировать строчку выше/ниже
Закомментировать выделенное блочным комментарием
Богатое редактирование (Rich Languages Editing)
Нужно зажать…
… и нажать
Действие
Ctrl + …
Вызвать предложение (в VS code настроить предложения можно либо автоматически, либо вручную)
Вызывать подсказки по параметрам
K, после чего Ctrl + F
Форматировать выделенное в соответствии с правилами оформления, стандартными или заданными
Заменить следующим/предыдущим значением
K, после чего Ctrl + X
Обрезать лишние пробелы у строки
Shift + …
Форматировать весь документ в согласно правилам оформления, стандартным или заданным
Перейти к ссылкам
Ничего
Перейти к определению
Навигация
Нужно зажать…
… и нажать
Действие
Ctrl + …
Показать все символы
G, после – указать номер строки
Перейти к указанной строке
P, после – указать имя файла
Быстро открыть указанный файл
Shift + O, после – указать символ
Перейти к символу
Показать все проблемы
Перейти к истории
Alt + …
Перемещаться назад-вперед по истории
Shift + …
Перейти к предыдущей ошибке/предупреждению
Ничего
Перейти к следующей ошибке/предупреждению
Показать все команды
Управление окнами
Нужно зажать…
… и нажать
Действие
Ctrl + …
Открыть новое окно
Разделить редактор на 2 экрана
Перейти к 1/2/3 группе редакторов
Переместить редактор влево/вправо
Alt + …
Закрыть текущее окно
Файлы
Нужно зажать…
… и нажать
Действие
Ctrl + …
Сохранить все файлы
Закрыть группы файлов
K, после чего Ctrl + W
Закрыть все файлы
Открыть последний закрытый редактор
K, после чего Enter
Скопировать путь текущего файла
Показать текущий файл в проводнике
Показать текущий файл в новом окне
Отображение
Нужно зажать…
… и нажать
Действие
Ctrl + …
Перейти в Дзен. Дзен – это как фуллскрин, только немного другой
0 на дополнительной цифровой клавиатуре
Сбросить масштабирование на 100%
Включить/выключить боковые панели
Открыть быстрый поиск
` (символ находится там, где в русской раскладке расположена буква ё)
Открыть встроенный терминал
Ctrl + Shift + …
Показать внутренний браузер
Вывести дерево источников
Вывести окно «Run»
Вывести окно расширений
Ничего
Поиск
Нужно зажать…
… и нажать
Действие
Ctrl + Shift + …
Заменить во всех открытых файлах
Открыть детали поиска
Alt + …
Пометить совпадения по словам
Пометить совпадения, используя регулярные выражения
Дебаггинг
Нужно зажать…
… и нажать
Действие
Ctrl + …
Запустить без дебаггинга
Ничего
Поставить точку останова в текущей строке
Настройка клавиш
Со стандартными клавишами все понятно – нажмите комбинацию и получите результат. Иногда нажатия клавиши регистрируются после того, как вы вошли в «командный режим» (эту идею Microsoft подсмотрела у Vim), для этого нажмите Ctrl + K, и затем уже вводите команду. Если вы хотите переназначить клавиши, зайдите в соответствующий раздел в настройках и выставьте все так, как вам удобно.
Но на этом возможности не заканчиваются – как и у других популярных редакторов, у VS Code есть функция установки расширения. Вы можете либо установить расширение, которое было написано кем-то, либо написать свое собственное. В частности, расширения позволяют переназначать клавиши. Сделать это можно через специальный файл – keybindings.json. В нем, как понятно из формата, в формате JSON лежат все горячие клавиши, каждая запись состоит из 3-х частей: клавиша, команда, условие. Условие – необязательная часть, клавиша и команда должны быть обязательно.
Кроме того, вы можете задавать для команд аргументы, после чего триггерить команды по условию. Например, можно сделать так, чтобы по нажатию на Enter вместо выделенного фрагмента вставлялся определенный кусок текста. Еще командами со знаком «-» можно отменять другие команды (это полезно, если задать условия назначения/отмены), и команды можно разбивать на несколько различных сетов, между которыми можно переключаться как между раскладками клавиатуры (по сути это и есть раскладки). VS Code умеет распознавать коды особых клавиш и контекст окружения, сами условия можно писать с помощью логических операторов. В общем, внутри VS Code встроен отдельный скриптовый фреймворк, который позволяет кодом описывать горячие клавиши. Ссылки на документацию будут ниже.
How to enable mouse scroll zoom in Visual Studio Code
By default, making your font bigger or smaller by using Ctrl + Mouse Wheel is not enabled in Visual Studio Code. But with a settings change, we can enable this.
Steps to enable Mouse Scroll Zoom in Visual Studio Code
In Visual Studio Code window, click on File >> Preferences >> Settings .
This will create a new tab called Settings.
On Search Settings , type mouse wheel zoom .
Check the checkbox under Editor: Mouse Wheel Zoom .
This will automatically save the settings.
When you go back to your code, you will now be able to use Ctrl + Mouse Wheel to zoom the font in your editor.