VSCode peek definition窗口长路径无法显示文件名，如何调整设置？

可以通过修改VSCode设置自定义Peek Definition预览窗口的标题格式，解决长路径遮挡文件名的问题，具体操作如下：

方法一：通过图形界面设置 #

1. 打开VSCode设置（快捷键：Windows/Linux按Ctrl+,，Mac按Cmd+,）
2. 在搜索框输入editor.peekWidget.title，找到对应设置项
3. 修改输入框中的值为你需要的格式，常用选项：
   • 仅显示文件名：${filename}
   • 显示文件名+直接父目录：${dirname}/${filename}
   • 显示文件相对工作区的完整路径：${relativeFile}

方法二：通过settings.json直接修改 #

1. 打开命令面板（快捷键：Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P）
2. 搜索并选择Preferences: Open Settings (JSON)
3. 在JSON文件中添加或修改以下配置：

   "editor.peekWidget.title": "${filename}"
   

   替换${filename}为你需要的格式即可。

变量含义说明 #

• ${filename}：仅显示文件名称（包含扩展名）
• ${dirname}：文件所在的直接父目录名称（相对于工作区根目录）
• ${relativeFile}：文件相对于工作区根目录的完整相对路径

比如原路径为src/components/ui/buttons/primary-button.ts，设置为${dirname}/${filename}后，预览窗口标题会显示buttons/primary-button.ts，既保留部分路径上下文，又不会因过长遮挡文件名。

内容的提问来源于stack exchange，提问作者Arifin K