【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】

はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると同一名称のファイルを開いているときには右側にディレクトリ名も表示されているのですが、薄い文字かつ、目線移動が必要で分かりづらいです。 この記事では、VSCodeの設定を変更することで、タブ表示名にディレクトリ名を含めて表示する方法を紹介します。 設定方法 VSCodeの設定ファイルsettings.jsonに以下の設定を追加します。 "workbench.editor.customLabels.patterns": { "**/index.*": "${dirname} .../${dirname(1)}", "**/{page,layout,template,route,actions,hooks,components,ut

[tohokuaiki]

2ヶ月前に読んだなと思ったらこれだ。https://bmonish.substack.com/p/custom-editor-tab-labels-in-visual

[shingo-sasaki-0529]

Next なんかも顕著だけど、今のフロントエンドってファイルベースルーティングとかコロケーションの都合、ファイル名単体で見ると何の情報も得られないの辛いよなぁ。

[stefafafan]

"workbench.editor.labelFormat": "short" くらいでも十分いいかも

[akymrk]

“ "workbench.editor.customLabels.patterns": { ”

[yasu-log]

WebStormなら何もしなくても対応している

[kvx]

取り入れよう

[onesplat]

“コードの可読性にこだわりがあります！” とか書いてる奴は大体クソ

[razihai]

index.tsは分かりにくいなーって思ってた、、、一意にする方法ってあるんか？

[lasherplus]

i’m

[strawberryhunter]

フレームワークを作った連中はここらへん何も考えなかったのだろうか。弊社は一意だわ。ツール側の問題としてはVSCodeだけじゃなくWindowsのAlt+Tabとかタスクバーのグループ化されたウインドウ一覧も破綻してるよな。

[niwaniwaniwauwaniwaniwaniwa]

こんな便利な機能が必要あったとは！これで「どの+page.svelteだっけ…」問題から解放されるかも。

[repon]

ありがたい……

[maecchi]

タブが見づらくなったら一度見直して見よう