vscode文件跳转(vue项目)

在 .vue 文件中,点击组件名打开

  • 方式1: 在 vue 组件名上,桉住ctrl + 鼠标左键 // 重新打开一个tab
  • 方式2: 在 vue 组件名上,桉住ctrl + shift + 鼠标左键 // 在右侧拆分,并打开一个tab

.vue文件的跳转

按住 ctrl + 鼠标左键 ,在 vue路由 中,点击 component: () => import('@/views/index.vue') 跳转到对应 vue文件

复制代码
 {
      path: 'personnelInformation',
      name: 'personnelInformation',
      component: () => import('@/views/provinceLaborResource/dataStatistics/personnelInformation/index.vue'),
      meta: { title: '人员信息核实情况表', icon: 'spot' }
    }

.js文件的跳转

ctrl + 鼠标右键

其他方式文件,跳转

  • 复制文件路径
  • ctrl + p --> 输入复制的文件名
相关推荐
Ticnix7 小时前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人7 小时前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl7 小时前
OpenClaw 深度技术解析
前端
崔庆才丨静觅7 小时前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人7 小时前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼7 小时前
shadcn/ui,给你一个真正可控的UI组件库
前端
布列瑟农的星空7 小时前
前端都能看懂的Rust入门教程(三)——控制流语句
前端·后端·rust
Mr Xu_7 小时前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
jerrywus8 小时前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了
前端·agent·claude
玖月晴空8 小时前
探索关于Spec 和Skills 的一些实战运用-Kiro篇
前端·aigc·代码规范