Ctrl+Shift+C复制的是绝对路径，即从磁盘根目录开始的完整物理路径（如E:\project\src\api\index.ts），不依赖项目结构，不可直接用于import语句，需手动转义反斜杠为正斜杠。
WebStorm 里 Ctrl+Shift+C 复制的是绝对路径，不是相对路径
这个快捷键直接读取文件在磁盘上的真实位置，比如 E:\project\src\api\index.ts 或 /Users/me/project/src/utils/logger.js。它不依赖项目结构，也不计算相对关系，就是“从盘符或根目录开始”的完整路径。
常见错误现象：把复制出来的路径直接粘贴进 import 语句，结果 TypeScript 报 Cannot find module，ESLint 警告路径硬编码。
适合场景：
- 发给运维查日志
- 填 CI 脚本里的资源路径
- 确认构建产物是否生成到
dist目录
注意：\ 在 JS 字符串中是转义符，粘贴后得手动替换成 /，否则可能解析出错。
立即学习“前端免费学习笔记（深入）”；
Sublime Text 中用命令面板执行 copy_file_path
Sublime 原生不提供右键菜单复制路径，但自带命令 copy_file_path 可直接复制已保存文件的绝对路径。
操作步骤：
- 确保文件已保存（未保存的
untitled标签页无法触发） - 按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板 - 输入
copy file path，回车执行
复制结果示例：C:\projects\app\main.py 或 /Users/me/src/index.js。
如果想绑定快捷键，需手动编辑 Preferences → Key Bindings，添加：
[ {"keys": ["ctrl+alt+c"], "command": "copy_file_path"} ]
注意：copy_file_path 是命令名，大小写和下划线必须完全匹配；macOS 用户要把 ctrl 换成 super（即 Cmd）。
HTML 文件中引用资源时，绝对路径 ≠ 磁盘绝对路径
在 HTML 的 src 或 href 属性里写 C:/project/img/logo.png 是无效的——浏览器只认 URL 格式，不认本地磁盘路径。
真正能用的“绝对路径”只有两类：
- URL 绝对路径：
https://example.com/img/logo.png（用于外部资源） - 站点根目录路径：
/img/logo.png（以/开头，从 Web 服务器根目录算起）
而 file:///C:/project/index.html 这类 file:// 协议路径仅限本地双击打开，且跨平台兼容差（空格、中文需编码），开发阶段不推荐依赖。
简单判断：只要浏览器地址栏显示的是 http:// 或 https://，就别往 HTML 里塞磁盘路径。
为什么没有“一键复制当前文件相对路径”的通用方案
因为“相对于谁”必须明确上下文：
- 相对于项目根目录？用 WebStorm 的右键
Copy Path → Relative path - 相对于当前编辑的 HTML 文件？需手动算
../层数，或借助插件（如 Sublime 的SideBarEnhancements仅支持侧边栏选中文件） - 相对于构建输出目录？那得看
webpack.output.path或 Vite 的build.outDir配置
工具不提供默认行为，正是因为不同场景下“相对”的基准完全不同。强行统一反而容易出错——比如在 src/pages/A/B/C.html 里引入 src/assets/logo.png，正确路径是 ../../../assets/logo.png，但工具若默认按项目根算，就会给错。
