LoginSignup
2
5

More than 3 years have passed since last update.

視力が低いプログラマーのためのVSCodeの設定

Posted at

私はどうも体調によって最適なフォントサイズが異なるようで,VSCodeの設定値をよく変えたくなるのでまとめる。

全体のフォントを大きくする

エディタ内の全体のフォントサイズを調整する。特に4Kディスプレイを使うときに重宝する。

01.gif

準備

特になし。デフォルトで使える

方法

  • 文字を縮小する(Ctrl-(マイナス)を同時押し)
  • 文字を拡大する(Ctrl=(イコール)を同時押し)

※なぜCtrl + =で拡大になるかというと,USキーボードではプラス(+)が Shiftキーと=キーの同時押しだからです。さらに=-の右横にあるので,このキー入力はUSキーボードなら自然なのですが,JISキーボードだともしかしたら入力しずらいかもしれません。

コード部分のフォントだけ大きくする

02.gif

準備

  1. Ctrl,(コンマ)を同時押しして設定画面を開く
  2. 画面上部の設定の検索mouse wheel zoom と入力して出てくる設定を☑する(準備完了) 無題.png
  • もしくは,setting.jsonの最後に以下の一行を追加

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

方法

Ctrlを押しながらマウスホイールを回す(chromeとかのブラウザと同じ)

フォントを太くしたい

やるなら徹底的に。プレゼンや議事録でVSCodeをプロジェクターに映すときにも使えるかも。

03.gif

方法

  1. Ctrl,(コンマ)を同時押しして設定画面を開く
  2. 画面上部の設定の検索font weight と入力して出てくる数値を変更する
  • もしくはsetting.jsonの最後に以下の一行を追加

    {
        (略),
        "editor.fontWeight": "800"
    }
    
2
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
5