背景・問題点
以下の画像のように,複数のファイルをエディター上に開いた時、エディタータブの幅が ファイル名に依存 している.
そのため,複数ファイルをまとめて閉じたい場合などにおいて,カーソルの操作が必要になってしまう.
従来
VSCodeの既定値では, Workbench > Editor : Tab Sizing という設定項目が fit という設定となっている.これは,"常に完全なファイル名を表示するタブの大きさを維持する"という設定である.つまり,最小幅に収まらないファイル名の場合,ファイル名がフルで表示できるようなタブサイズまで大きくする,ということだ.

対策
エディタータブの幅を固定する方法は以下の通り.
- ウィンドウ左下の設定マークより,
設定を選択
(またはCtrl(command) + ,を実行) - 設定検索で,
TabSizingと検索 - 設定項目
Workbench > Editor : Tab Sizingをプルダウンによりfixedに変更
以上です.
なお,エディタータブの幅を変更したいときは,
Workbench > Editor : Tab Sizing Fixed Max Width
Workbench > Editor : Tab Sizing Fixed Min Width
の項目の値を変更することで,タブの幅を調整することができます.
| 変更前 | 変更後 |
|---|---|
![]() |
![]() |
なお,setting.jsonを直接いじりたい場合,以下の項目を追加・編集することで変更することができます.
setting.json
{
"workbench.editor.tabSizing": "fixed",
"workbench.editor.tabSizingFixedMinWidth": 150,
"workbench.editor.tabSizingFixedMaxWidth": 150
}


