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 --> 输入复制的文件名
相关推荐
NEXT065 分钟前
普通函数与箭头函数的区别
前端·javascript·面试
全马必破三21 分钟前
Webpack知识点汇总
前端·webpack·node.js
NEXT0624 分钟前
CommonJS 与 ES Modules的区别
前端·面试·node.js
猪头男38 分钟前
【从零开始学习Vue|第八篇】深入组件——组件事件
前端
薛一半1 小时前
React三大属性之refs
前端·javascript·react.js
程序员林北北1 小时前
【前端进阶之旅】Svelte:编译即框架,让前端开发回归简洁
前端·javascript·vue.js·react.js·html5
yy.y--2 小时前
Java线程实现浏览器实时时钟
java·linux·开发语言·前端·python
Dontla2 小时前
Python Streamlit介绍(开源Python Web应用框架,快速将Python脚本转换成交互式Web应用,适合数据科学和机器学习项目快速展示)
前端·python·开源
少云清2 小时前
【UI自动化测试】12_web自动化测试 _验证码处理和cookie
前端·python·web自动化测试
姜太小白3 小时前
【VSCode/Trae】trae已安装的扩展如何导出
ide·vscode·编辑器