VSCode(Visual Studio Code・ビジュアルスタジオコード)を初めてインストールした際に、使いやすくするためのおすすめ設定を解説します。
現役のITエンジニアも使っている初心者にもおすすめな設定です。
目次
スクロールで文字列の拡大(mousewheel)
- ファイル>ユーザー設定>設定>mousewheel
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/b719a2395b26108b0baec360fe58c985-859x379.png)
Mouse Wheel Zoomという項目が表示されるのでチェックする。
Ctrl押しながらスクロールすると文字が拡大・縮小できる様になる。
スペース・タブを表示(whitespace)
- ファイル>ユーザー設定>設定>whitespace
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/557793a9e89f567744bbd9ed7e8d0b20-859x359.png)
Editor:Render Whitespaceを選択します。
- none : 表示しない
- boundary : 単語間の単一空白文字以外を表示する(おすすめ)
- selection : 選択している間のみ空白文字を表示する
- trailing : 末尾の空白文字のみ表示する
- all : すべての空白文字を表示する
boundary がおすすめ。
タブをスペースに変更(insert spaces)
- ファイル>ユーザー設定>設定>insert spaces
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/732799c6d2203fd1dc672dce36395e4b-859x244.png)
Editor:Insert Spacesのチェックボックスにチェックするとタブがスペースに変換されます。
タブサイズを設定(tabsize)
- ファイル>ユーザー設定>設定>tabsize
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/79a350e62bcca6df7a770678bd0633c2-859x318.png)
Editor:Tab Sizeを「4」に設定するとPythonでラクになります。
おすすめは「4」です。
自動保存設定(Auto Save)
- ファイル>ユーザー設定>設定>Auto Save
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/c4d677200becd0754f11296a03976f72-859x384.png)
Files:Auto SaveとFiles:Auto Save Delayの 2 つを設定します。
Files:Auto Save
- off : 自動保存しない
- afterDelay : 別途指定したミリ秒経過後に自動保存
- onFocusChange : エディタがフォーカスを失ったときに自動保存
- onWindowChange : ウィンドウがフォーカスを失ったときに自動保存
onFocusChange がおすすめ設定。
Files:Auto Save Delay
Files:Auto Save Delayで設定された秒数後に自動保存が行われます。
デフォルトでは Files:Auto Save Delay の値は 1000 となっています。
- 1000 = 1秒
- 5000 = 5秒
- 10000 = 10秒
フォルダ階層を自動でまとめない(Compact Folders)
- ファイル>ユーザー設定>設定>Compact Folders
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/4ee6df94b34c823e507d78059d5c864f-859x304.png)
上記の画像例 static/bootstrap530 の様にフォルダがまとまってしまう場合がある。
これだと、わかりにく場合は
Compact Folders のチェックを外すと
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/3160cbbf2de3356ebfc241b5c0ea7747-859x342.png)
この様にフォルダ階層になる。
ミニマップを非表示にする(minimap)
- ファイル>ユーザー設定>設定>minimap
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/image-859x306.png)
右はしの方にミニマップが表示され邪魔な時がある。
そのミニマップを非表示にする方法です。
![](https://yokoyamadesuga.com/wp-content/uploads/2023/12/image-1-859x349.png)
minimapと検索して
Editor Minimap:Enabledのチェックを外します。
これだけで画面を広く使える様になります。