WebStorm Project 树默认不显示完整路径，因其本质是树形导航器而非路径文本框；需通过Hide Empty Middle Packages优化层级、Autoscroll to Source自动定位，或用Copy Path获取绝对/相对路径。
WebStorm 左侧 Project 栏默认不显示完整路径，也没有全局开关能强制每层都展开并拼成 src/components/Button/index.tsx 这样的长路径——它本质上是个树形控件，不是路径文本框。 你看到的是折叠后的节点名，不是被截断的路径。想“显示完整”，得换思路：要么让路径结构更扁平，要么让当前文件在树中高亮可定位，而不是硬塞一长串文字进去。
为什么右键 Rename 加后缀没用？
手动给文件改名加 .ts 或 .vue，只影响文件系统层面的名称，Project 树里依然按目录层级展示，不会变成“pages/home/Home.vue”这种单行全路径。而且 WebStorm 会自动识别注册过的扩展名（如 .ts），你加不加它都认得——加了反而容易和自动生成的文件冲突（比如 Vue SFC 的 script setup 文件被识别为 .vue，你再手动改成 Home.vue.vue 就乱了）。
想一眼看出文件在哪一层？开 Hide Empty Middle Packages
这个选项能让嵌套过深但无实际文件的中间目录“消失”，视觉上拉近物理路径和树中位置的距离。比如：
- 真实路径：
src/pages/admin/dashboard/Chart.tsx - 默认树显示：
src→pages→admin→dashboard→Chart.tsx（要点四次才能看到） - 开启
Hide Empty Middle Packages后：src→pages→Chart.tsx（如果admin和dashboard下只有文件夹、没文件，就直接跳过）
操作路径：右键 Project 面板顶部蓝条（写着 “Project” 的区域）→ Tree Appearance → 勾选 Hide Empty Middle Packages。注意：它对 Java/Maven 项目效果明显，前端项目若习惯用 index.ts 兜底，可能反而藏掉关键层级。
真正需要“完整路径”时，别盯着左侧栏看
Project 树不是路径显示器，而是导航器。当你需要确认某文件的绝对路径：
- 在编辑器中打开该文件，按
Ctrl+Shift+A（或Cmd+Shift+A），搜Copy Path，选Copy Absolute Path或Copy Relative Path - 右键 Project 树中该文件 →
Properties，弹窗里第一行就是完整路径 - 开启
Autoscroll to Source（Project 齿轮图标里勾选），编辑器切到哪个文件，树就自动滚动+高亮+展开到它，比读路径更准
强行让左侧栏显示完整路径，既不可靠（UI 渲染会裁切）、也不必要（WebStorm 提供了更精准的路径获取方式）。重点其实是：别把 Project 树当文件管理器用，它只是个索引入口。
