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

公開日時
更新日時

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

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

explorer

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

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

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

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

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

参考


Related #vscode

VSCodeでc++の実行環境を整える

『問題解決力を鍛える!アルゴリズムとデータ構造』を読んで実践するために

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

@prettier/plugin-rubyを利用

VSCodeで特定のファイルだけeditor.formatOnSaveを無効化する

ファイルタイプを指定することで、そのファイルタイプのみ無効化できた

VSCodeでRails環境を整える

ショートカット大事

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

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

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

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