WebStorm复制路径需按用途选择类型：Ctrl+Shift+C复制绝对路径（适合日志/CI），右键Relative path复制项目根相对路径（适合import/别名配置），无原生当前文件相对路径功能，需插件或手动计算。
WebStorm 里复制路径不是“按一个键就完事”，而是必须先想清楚：你要这个路径干啥——是写 import、配 webpack.alias、填 require()，还是发给同事看文件在哪？选错类型，轻则 ESLint 报错，重则本地能跑、CI 构建失败。
Ctrl+Shift+C 复制的是绝对路径，不是相对路径
默认快捷键 Ctrl+Shift+C（macOS 是 Cmd+Shift+C）复制的是磁盘级绝对路径，比如 E:\project\src\components\Button.vue 或 /Users/me/project/src/utils/api.ts。它完全不关心你当前在编辑哪个文件，也不做任何路径计算。
- 适合场景：查日志、填 CI 脚本里的静态资源路径、确认文件物理位置
- 不适合场景：直接粘贴进 JS/TS 的
import语句——TypeScript 可能报Cannot find module，ESLint 会警告路径不符合项目约定 - 注意：
\在 JS 字符串中是转义符，粘贴后得手动替换成/，否则可能解析出错
右键 Copy Path → Relative path 是最常用选项
在 Project 面板中右键文件，选择 Copy Path → Relative path，得到的是以项目根目录（即 Content Root）为起点的路径，例如 src/api/client.ts。这是配置 tsconfig.json 中 baseUrl 或 paths 别名时的标准输入源。
- Vue/React 项目里写
import { foo } from '@/utils/helper'？复制出来是src/utils/helper.ts，把开头的src/换成@/就行 - 该路径不随当前编辑文件位置变化，只依赖项目根目录设置；如果项目有多个 Content Root，需确认当前文件归属哪个根
- 和
Content Root Path功能一致（v2019.3 后改名），但菜单名更直白，建议优先认准这个
没有“相对于当前文件”的内置快捷方式
WebStorm 原生不支持一键复制“从当前编辑文件出发的相对路径”，比如你在 src/pages/Home.tsx 里想引入 src/utils/log.ts，期望得到 ../../utils/log.ts —— 这个路径它不提供。
- 可行方案一：装插件
Path Copyer，启用后右键多出Copy Relative Path to Current File选项 - 可行方案二：自定义快捷键绑定到
Edit → Copy Path → Content Root Path，再配合手动计算../层数（适合少量高频操作） - 避坑提醒：别用外部工具或脚本硬算，WebStorm 的 Content Root 可能和 Git 根、Node.js
process.cwd()不一致，容易算错
Module path 只在特定 TS 配置下生效
Copy Path → Module path 这个选项只有在项目启用了 TypeScript 模块解析、且 tsconfig.json 明确设置了 "baseUrl": "src" 之类时才有意义。它会自动截掉 baseUrl 前缀，比如输出 api/client.ts 而非 src/api/client.ts。
- 没配
baseUrl？点它等于白点，复制出来和Path一样是绝对路径 - 配了但
baseUrl是.？那它可能直接输出完整相对路径，行为不稳定，不建议依赖 - 真实项目中，更推荐统一用
Relative path+ 手动替换前缀，可控性高、团队协作无歧义
真正容易被忽略的点是：WebStorm 的“项目根目录”（Content Root）未必等于 Git 仓库根，也未必等于 package.json 所在目录。复制前务必在 File → Project Structure → Modules 里确认当前文件属于哪个 Content Root，否则 Relative path 的起点就错了。
