Is it possible to configure control + scroll-wheel to increase/decrease zoom in VS Code?

Question

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
}

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.

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

In visual studio code :

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