DEV Community
·
在VS Code中显示文件夹名称而非index.tsx
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在VS Code中，可以通过自定义标签模式来区分相同名称的文件，例如将index文件的标签改为显示其所在文件夹名称，以便更好地识别。
🎯
关键要点
- 在VS Code中，用户常常会打开多个相同名称的文件，如index.ts或index.tsx。
- VS Code在右侧显示文件夹名称，但用户仍然难以区分相同名称的标签。
- 用户可以自定义标签模式，以便更好地识别index文件。
- 自定义设置步骤包括：搜索'workbench.editor custom labels patterns'，点击'Add Item'，输入'*/**/index.{js,jsx,ts,tsx}'作为Item，输入'${dirname} (${filename}.${extname})'作为Value。
- 完成设置后，标签将显示为文件夹名称，便于阅读。
➡️
