终极文件整理神器 vscode-file-nesting-config：让 VS Code 项目结构一目了然 🚀

【免费下载链接】vscode-file-nesting-config Config of File Nesting for VS Code 项目地址: https://gitcode.com/gh_mirrors/vs/vscode-file-nesting-config

你是否曾在 VS Code 中面对杂乱的文件树感到头疼？package.json 旁边堆满了各种配置文件，.env 文件散落各处，tsconfig.json 和它的衍生文件混在一起？别担心！vscode-file-nesting-config 正是解决这些问题的终极文件整理神器！这个 VS Code 文件嵌套配置项目能让你的项目结构变得井井有条，一目了然。

什么是文件嵌套功能？🤔

VS Code 从 v1.67 版本开始引入了文件嵌套功能，它允许你将相关的文件组织在一起，让文件树更加整洁。vscode-file-nesting-config 提供了一个精心设计的配置片段，包含了数百种智能的文件嵌套规则，覆盖了几乎所有主流编程语言和框架。

VS Code 文件嵌套配置让项目结构更加清晰整洁

为什么选择 vscode-file-nesting-config？✨

智能自动整理

这个配置包含了超过 130 种文件类型和框架的智能嵌套规则。从 package.json 到 Dockerfile，从 tsconfig.json 到 README.md，所有相关文件都会被智能地组织在一起。

一键安装简单配置

只需在 VS Code 的 settings.json 中粘贴一小段配置代码，你的文件树就会立即变得整洁有序。无需手动配置复杂的规则，一切都已经为你准备好了！

持续更新维护

项目通过脚本自动生成配置，确保规则始终是最新的。随着新框架和工具的不断出现，配置也会持续更新，保持与时俱进。

快速上手指南 📦

手动安装方法

打开你的 VS Code，进入 settings.json，复制粘贴以下配置：

{
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.expand": false,
  "explorer.fileNesting.patterns": {
    // ... 完整的配置规则
  }
}

VS Code 扩展安装（推荐）

为了更方便地使用和更新配置，项目提供了专门的 VS Code 扩展：

1. 在 VS Code 扩展商店搜索 "File Nesting Updater"
2. 安装扩展后，它会自动为你管理配置更新
3. 扩展支持自动更新功能，确保你始终使用最新的配置规则

扩展配置文件位于 extension/src/config.ts，包含了所有自动更新的逻辑。

核心功能亮点 ⭐

智能文件分组

• 配置文件家族：将所有配置文件组织在一起，如 package.json 会包含 .eslintrc、.prettierrc、.gitignore 等
• 环境变量管理：.env 文件会自动包含所有 .env.* 变体文件
• TypeScript 项目：tsconfig.json 会自动包含 tsconfig.*.json 和构建信息文件
• Docker 相关：Dockerfile 会包含 docker-compose.yml、.dockerignore 等

多语言支持

项目支持几乎所有主流编程语言和框架：

• 前端框架：React、Vue、Angular、Svelte、Next.js、Nuxt.js、Astro
• 后端语言：Node.js、Python、Go、Rust、Java、C#、PHP
• 构建工具：Webpack、Vite、Rollup、esbuild、Turbopack
• 配置管理：ESLint、Prettier、TypeScript、Tailwind CSS

实时更新机制

通过 update.mjs 脚本自动生成最新的配置规则，确保你始终拥有最全面的文件嵌套配置。扩展的自动更新功能会定期检查并应用最新的配置。

实际效果展示 🎯

使用前 vs 使用后

使用前：

├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── package.json
├── package-lock.json
├── tsconfig.json
├── tsconfig.build.json
├── .env
├── .env.development
├── .env.production
└── README.md

使用后：

├── package.json (包含 4 个文件)
├── tsconfig.json (包含 1 个文件)
├── .env (包含 2 个文件)
└── README.md (包含 7 个文件)

高级配置技巧 🔧

自定义嵌套规则

如果你有特殊的文件组织需求，可以在配置中添加自己的规则：

"explorer.fileNesting.patterns": {
  "*.mycustom": "*.mycustom.*, *.related",
  "myapp.config.js": "myapp.config.*.js, myapp.secrets.js"
}

扩展功能源码

如果你对扩展的实现感兴趣，可以查看 extension/src/ 目录：

• extension/src/index.ts - 扩展主入口
• extension/src/fetch.ts - 配置获取逻辑
• extension/src/constants.ts - 常量定义

常见问题解答 ❓

Q: 这个配置会影响性能吗？

A: 完全不会！文件嵌套是 VS Code 的原生功能，配置只是定义了组织规则，不会对编辑器性能产生任何影响。

Q: 如何禁用某些嵌套规则？

A: 只需在配置中删除或注释掉相应的规则即可。

Q: 支持哪些 VS Code 版本？

A: 需要 VS Code v1.67 或更高版本。

Q: 如何贡献新的嵌套规则？

A: 请勿直接编辑 README 文件，而是修改 update.mjs 脚本并提交 Pull Request。

结语 🎉

vscode-file-nesting-config 是每个 VS Code 用户都应该拥有的生产力工具。它不仅能让你摆脱杂乱的文件树，还能提升代码浏览效率，让你专注于编写代码而不是寻找文件。

立即尝试这个终极文件整理神器，让你的 VS Code 项目结构变得前所未有的清晰！🚀

项目地址：https://gitcode.com/gh_mirrors/vs/vscode-file-nesting-config

【免费下载链接】vscode-file-nesting-config Config of File Nesting for VS Code 项目地址: https://gitcode.com/gh_mirrors/vs/vscode-file-nesting-config