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

You can edit settings.json and add this line:

  "editor.mouseWheelZoom": true

Or go to settings CTRL + , or File > Preferences > Settings and search for:

mouseWheelZoom

in newer versions :

> File -> preferences -> settings -> search for "mouse wheel zoom"

File > Preferences > Settings and search for:

 mouseWheelZoom

✅ check this setting

Or,

go to settings CTRL + ,

Or,

Go the edit settings.json and add the below line inside the {parethesis}

  "editor.mouseWheelZoom": true

For reference setting.json all preferences

{
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\wsl.exe",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "C_Cpp.updateChannel": "Insiders",
  "terminal.integrated.shell.linux": "/bin/zsh",
  "editor.fontFamily": "'Cascadia Code', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.largeFileOptimizations": false,
  "git.suggestSmartCommit": false,
  "files.autoSave": "afterDelay",
  "liveshare.audio.startCallOnShare": true,
  "liveshare.presence": false,
  "terminal.integrated.fontFamily": "MesloLGS NF",
  "terminal.integrated.tabs.enabled": true,
  "explorer.confirmDelete": false,
  "tabnine.experimentalAutoImports": true,
  "code-runner.runInTerminal": true,
  "json.maxItemsComputed": 10000,
  "quokka.darkTheme.error.decorationAttachmentRenderOptions": {
    "border": null,
    "borderColor": null,
    "fontStyle": null,
    "fontWeight": null,
    "textDecoration": null,
    "color": "#fe536a",
    "backgroundColor": null,
    "margin": "1.2em",
    "width": null,
    "height": null
  },
  "prettier.singleQuote": true,
  "prettier.jsxSingleQuote": true,
  "workbench.colorTheme": "Visual Studio Dark",
  "workbench.iconTheme": "vscode-icons",
  "editor.mouseWheelZoom": true
}

In visual studio code :

File -> preferences -> settings -> search for "mouse wheel zoom" then tick the box

If you are using Autohotkey you can write a script that presses Ctrl + = when you scroll your mouse up with Ctrl and Ctrl + - when you scroll your mouse down while holding Ctrl key as follows:

#IfWinActive ahk_class Chrome_WidgetWin_1

^WheelUp::
Send ^{=}
return

^WheelDown::
Send ^{-}
return

The main problem is how VSCode is built, with a Electron frame and Microsoft Monaco Editor which is built with TypeScript and such web techniques. Therefore VSCode behaves exactly like a browser window would do - zooming the whole application including sidebar etc.

Answered in https://stackoverflow.com/questions/49851574/zoom-only-text-in-visual-studio-code

On Mac, while pressing the command key, slide two fingers upward to zoom out. Slide downward to zoom in.