1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【VSCode】エディタータブのサイズを固定にする

1
Posted at

背景・問題点

以下の画像のように,複数のファイルをエディター上に開いた時、エディタータブの幅が ファイル名に依存 している.
そのため,複数ファイルをまとめて閉じたい場合などにおいて,カーソルの操作が必要になってしまう.

画像1

従来

VSCodeの既定値では, Workbench > Editor : Tab Sizing という設定項目が fit という設定となっている.これは,"常に完全なファイル名を表示するタブの大きさを維持する"という設定である.つまり,最小幅に収まらないファイル名の場合,ファイル名がフルで表示できるようなタブサイズまで大きくする,ということだ.
画像2

対策

エディタータブの幅を固定する方法は以下の通り.

  1. ウィンドウ左下の設定マークより,設定を選択
    (または Ctrl(command) + , を実行)
  2. 設定検索で,TabSizing と検索
  3. 設定項目 Workbench > Editor : Tab Sizing をプルダウンにより fixed に変更

以上です.

なお,エディタータブの幅を変更したいときは,
Workbench > Editor : Tab Sizing Fixed Max Width
Workbench > Editor : Tab Sizing Fixed Min Width
の項目の値を変更することで,タブの幅を調整することができます.

変更前 変更後
画像3 画像4

なお,setting.jsonを直接いじりたい場合,以下の項目を追加・編集することで変更することができます.

setting.json
{
  "workbench.editor.tabSizing": "fixed",
  "workbench.editor.tabSizingFixedMinWidth": 150,
  "workbench.editor.tabSizingFixedMaxWidth": 150
}
1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?