プロジェクトの継続的な反復開発に伴い、複雑さはますます高くなり、構成ファイルの数もますます増えています。その結果、vscode の左側にあるファイル一覧表示は非常に直感的ではありません。幸いなことに、表示効果は次のとおりです。ファイルを折りたたむことで簡素化でき、同様の関連ファイルをまとめて表示して、構成ファイルを簡単に確認できます。構成後の効果は次のとおりです。
1.vscodeのバージョン
まず、vscode のバージョンが 1.67 以降であることを確認してください。このバージョン以降のリソース マネージャーのみが、ファイル名に応じた関連ファイルのネストをサポートします。
2. ファイルのネスト構成を有効にする
vscode 設定ページに入り、以下に示すようにリソース マネージャーのファイル ネスト設定を有効にします。
3. ネストできるファイルルールを設定する
たとえば、.eslintrc.js の構成は次のようになります。
.eslintignore、.prettierignore、.stylelintignore、.commitlintrc.js、prettier.config.js、
.prettierrc.js、.prettierrc、.stylelintrc.js