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 --> 输入复制的文件名
相关推荐
逾明几秒前
Claude Code及Codex的MCP安装和Mastergo MCP的使用
前端·mcp
LovroMance7 分钟前
如何进行组件封装
前端
難釋懷8 分钟前
Redis服务器端优化-慢查询优化
前端·redis·bootstrap
sghuter22 分钟前
Chrome如何重塑Web标准未来
前端·chrome
渣渣xiong31 分钟前
从零开始:前端转型AI agent直到就业第十四天-第十七天
前端·人工智能
changshuaihua00133 分钟前
React 入门
前端·javascript·react.js
兰为鹏43 分钟前
做前端需求总结出的非常好用的skill
前端
笨笨狗吞噬者1 小时前
Opus 4.7 skill 编写和使用实践
前端·ai编程
舞影天上1 小时前
WordPress MCP Adapter 调试实战:从"连接失败"到完全可用
前端·ai编程
可视之道1 小时前
Web组态编辑器的撤销重做架构设计
前端