如何在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
相关产品推荐
相关产品推荐

