VSCodeの拡大・縮小方法3選！画面全体・エディタ・ターミナル

VSCode（Visual Studio Code）を使っていて、次のようなシチュエーションで困ったことはありませんか？

こういった場面で、VSCodeの拡大・縮小機能を適切に使えると、より快適に作業できます。本記事では、画面全体・エディタ・ターミナルの3つに分けて、それぞれの方法をわかりやすく解説します。

1. VSCode画面全体の拡大・縮小方法

まずは、VSCodeのインターフェース全体を拡大・縮小する方法です。これは、フォントサイズだけでなく、UI全体を調整したい場合に便利です。

これらのショートカットを使えば、画面全体の表示を素早く調整できます。

NumPad0は、テンキーの0キーです。テンキーがないPCでは押すことができないので、「表示」メニューから「外観」>「ズームのリセット」を選択してください。

コードを書く際やレビューの際に、エディタ部分のフォントサイズを大きくしたい場合があると思います。Sakuraエディタなどでは、マウスホイールを使ったフォントサイズの拡大・縮小を行うことができますが、VSCodeでも可能です。

ただ、デフォルトでは利用できないので、設定を変更する必要があります。

VSCodeでは、以下の手順でマウスホイールでフォントサイズを調整できるようになります。

設定画面を開く: Ctrl + ,（Windows/Linux）または Command + ,（Mac）
「Editor: Mouse Wheel Zoom」を有効にする:
- 設定画面の検索バーに「mouse wheel zoom」と入力し、Editor: Mouse Wheel Zoomをオンにします。

残念ながら、マウスホイールで変更したフォントサイズをショートカットでリセットする方法はありません。ただし、以下の手順で手動で元に戻せます。

設定画面で「Editor: Font Size」を確認:
- 設定画面で「Editor: Font Size」を検索し、デフォルト値（通常14pxや16px）に戻します。

ターミナル部分のフォントサイズも個別に調整できます。ターミナルの文字が小さすぎる場合や、大きすぎて困る場合に役立つ設定です。

ターミナル部分もマウスホイールを使ってフォントサイズを調整できます。

[エディタ部分のフォントサイズを調整する方法]と同様に、設定画面の検索バーに「mouse wheel zoom」と入力し、Terminal > Integrated: Mouse Wheel Zoomをオンにします。

ただし、Mac版のバージョン:1.96.1では動作が不安定だったので、次に示す設定画面からフォントサイズを変更する方法をお勧めします。

VSCodeでは、画面全体、エディタ部分、ターミナル部分といった用途ごとに拡大・縮小の方法が異なります。

各方法をうまく組み合わせて、用途やシチュエーションに合わせた作業環境を整えましょう。レビューの際に、相手に見やすいフォントサイズに切り替えることで好印象を与えることもできます！

是非、お試しください！