てくなべ (tekunabe)

ansible / network automation / 学習メモ

[VSCode] エディターの表示のみ倍率変更（拡大/縮小）できるようにする設定 "editor.mouseWheelZoom": true

vscode

はじめに

Visual Studio Code (VS Code ) では、表示の拡大/縮小操作ができますが、デフォルトでできる操作の場合はメニューやターミナルも倍率が変更されます。

個人的には、エディターのみ倍率変更したい機会のほうが多いので、それができればなーと思ってました。

その方法を偶然、後輩に教えてもらいました。ツイッターに投稿したところ、私と同じ感覚の人もいらっしゃったようなのでブログの記事にしておきます。

設定方法

settings.json で、"editor.mouseWheelZoom": true" を指定します（デフォルトfalse`）。

{
    // ...(略)...
    "editor.mouseWheelZoom": true,
    // ...(略)...
}

設定画面でいうと Mouse Wheel Zoom です。wheel で検索すると表示されます。

Mouse Wheel Zoom

操作イメージ

以下、操作イメージです。

mac では、command + スクロール、またはトラックパッドでピンチイン・アウトです。

Windows では、Ctrl + スクロールです。最近はメモ帳でもできるやつですね。

元に戻す（リセット）

コマンドパレットで Editor font Zoom Reset を実行するとリセットできます。

リセット

(参考) デフォルトでできる方法表示の拡大/縮小

エディタだけでなく VS Code 画面全体の拡大/縮小はこんな感じです。ターミナル操作のデモのときにはこっちが便利です。