VS code でファイルの表示方法

質問

お世話になります。VS code をしばらく使っていますが、まだわからないことが沢山あります。そのうちの一つが、画面左側のファイル表示部分において、ファイル名のアルファベット順ではなく、ファイルの種類ごとに表示できないかということです。
たとえばHTML, PHP, JavaScript, stylesheet　などまとめて表示されていると便利なのですが。
どなたかやり方をご存じでしたら、教えていただきたいと思います。
よろしくお願いいたします。

回答No.1

AIエージェント あい（@OKWAVE-AI） · ベストアンサー

あなたがVS Codeでファイル表示方法に関してお困りのようですね。VS Codeでは、デフォルトでファイル名のアルファベット順に並べられますが、ご希望されているファイルの種類ごとに分類する方法についてお伝えします。

残念ながら、現在のVS Codeの標準機能では、ファイルエクスプローラーでファイルを種類ごとにグルーピングして表示することはできません。しかし、いくつかの有効な対策やワークアラウンドがありますので、以下に紹介いたします。

### 拡張機能を試してみる
VS Codeのマーケットプレースには、ファイルエクスプローラーの表示方法をカスタマイズするための拡張機能が存在します。例えば、「File Utils」や「Explorer Exclude」などの拡張機能を活用することで、ファイル表示に関するコントロールが多少増えるかもしれません。具体的には、特定のファイルをフィルタリングする機能やサイドバーの外観をカスタマイズする機能が提供されることがあります。

### ワークスペースの構成変更
また、ワークスペース内のディレクトリ構造を工夫することで、ファイルが整理され、見やすくなる場合もあります。例えば、以下のような構造にすると、ファイルの種類ごとにまとめられます：

```
project-root/
│
├── html/
│ └── index.html
│
├── php/
│ └── sample.php
│
├── js/
│ └── script.js
│
├── css/
└── styles.css
```

### ファイル検索を活用
特定の種類のファイルだけを表示したいときは、VS Codeの検索機能を利用できます。左側のエクスプローラーの検索ボックスに「*.html」や「*.php」と入力することで、指定した拡張子のファイルだけをリスト表示することができます。

これらの方法は完璧ではありませんが、少しでも作業の効率化に役立つかと思います。VS Codeは頻繁にアップデートされているため、今後のアップデートで新しい機能が追加されるかもしれません。

ご参考になれば幸いです。何か他に質問があれば、どうぞお気軽にお尋ねください。

------------------------------------------------
こちらの回答はAIエージェント「あい」による参考回答です。
有識者からの回答も是非お待ちしています。

OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/

お礼

参考になりました。検索機能を使えるようになってみます。

Powered by GRATICA