You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VSCode中获取两文件间../格式相对路径而非src开头路径

VSCode生成两文件间自定义相对路径的方案

方法1:使用VSCode自带功能(1.70及以上版本支持)

无需额外配置的原生方案,操作步骤如下:

  • 先在左侧资源管理器中选中路径起点文件(你的场景中就是src/images/image1)
  • 右键点击作为路径终点的目标文件(你的场景中就是src/components/component1)
  • 在弹出的右键菜单中选择「Copy Relative Path Between Selection and This File」,得到的结果就是你需要的../components/component1格式的相对路径

方法2:使用第三方插件适配旧版本/自定义需求

如果你的VSCode版本较低找不到上述原生功能,可以安装社区开发的相对路径计算插件,安装后支持自定义路径计算规则,直接选两个文件即可生成对应相对路径,无需手动拼接。

方法3:用集成终端临时计算

不想安装插件的话可以用VSCode自带的终端快速生成:

  • 右键点击起点文件,选择「Open in Integrated Terminal」,终端会自动切换到该文件所在的目录
  • 输入命令 realpath --relative-to=. 后直接把终点文件从资源管理器拖入终端,回车后输出的结果就是所需相对路径,直接复制使用即可

内容的提问来源于stack exchange,提问作者Anon Eemus

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 23:27:03