VSCodeでサイドバーに表示されているディレクトリ一覧を折りたたむショートカット

公開日時
更新日時

Typescriptで開発している際に型定義を確認するために定義元にジャンプすることがよくある。

型定義はnode_modulesの奥深くに存在しており、ジャンプの際に↓のようにサイドバー(エクスプローラー)のディレクトリが展開されるので、エクスプローラーから他のファイルを開きたい場合はスクロールを頑張る必要があり面倒くさい。

explorer

スクロールせずに、ディレクトリ一覧を折りたたむ方法がないか調べてみたところ、Macの場合は↓で折りたためることが分かった。

Command + Shift + e : エクスプローラー/コードにフォーカスを切り替える

Command + ← : ディレクトリを折りたたむ

また、 Command + k + Command + s でキーボードショートカット一覧を開き、検索バーで「Collapse Folders in Explorer」を調べると独自のショートカットキーを割り当てることもできる。

これでエクスプローラー操作が楽になった。

参考


Related #vscode

VSCode + PrettierでRubyのコードを自動フォーマットする

@prettier/plugin-rubyを利用

VSCodeでRails環境を整える

ショートカット大事

VSCode RemoteでWindowsマシンに接続する際にstderr> 'uname'エラーが発生

言語設定を変更する必要があった

VSCodeでGoの開発ができるようにする

F5コマンドで実行できるのが便利

VSCode Extensionをチームで共有する

.vscode/extensions.jsonを追加