vscode怎么点击路径直接跳转对应文件

在vue项目中经常要引入工具类、组件、模版等,想要直接去看对应文件,只能自己找到对应路径再去打开。

我们可用在js项目中创建一个 jsconfig.json文件,TS项目可以创建tsconfig.json

文件代码

复制代码
{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
          "@/*": ["src/*"],
          "@util/*": ["src/utils/*"],
          "@assets/*": ["src/assets/*"]
        }
    },
    "exclude": ["node_modules", "dist"] ,
    "include": [
        "./src/*"
    ]
}

实现出效果 相对路径与绝对路径都能够直接跳转

相关推荐
摇滚侠33 分钟前
PNPM 包管理工具和 NPM 包管理工具
vscode·npm·node.js·pnpm
天才少女爱迪生41 分钟前
在 VSCode 中配置 SSH 并实现 X11 转发:服务器程序远程桌面显示
ide·vscode·ssh
100分简历2 小时前
无图标简洁大方的简历模板下载
人工智能·面试·职场和发展·pdf·编辑器
zmjjdank1ng2 小时前
Vim是什么?Vim和vi有什么关系
linux·编辑器·vim
Clarice__3 小时前
VScode上的python使用教程
vscode·python·conda
zyplayer-doc3 小时前
文档增加访问密码设置,编辑器增加导航,登录日志增加IP归属地和浏览器信息展示,zyplayer-doc 2.5.9 发布啦!
人工智能·pdf·编辑器·飞书·开源软件·有道云笔记
PM老周3 小时前
2026年Confluence替代软件:企业知识库选型指南
前端·人工智能·编辑器·团队开发
少年强则国强3 小时前
anaconda安装配置pycharm
ide·python·pycharm
hbstream海之滨视频网络技术4 小时前
国内AI编程IDE对比(二):从零构建桌面应用实测
ide·ai编程
CaracalTiger7 小时前
什么是Clawdbot?Clawdbot下载、安装、配置教程(最新版Moltbot)
python·编辑器·aigc·idea·ai编程·intellij idea·agi