vscode 之 vue项目如何使用ctrl+鼠标左键跳转对应文件

话不多说,直接步入正题

使用项目工程的jsconfig.json

  • 直接在项目中使用jsconfig.json/tsconfig.json文件配置(项目中没有相应的文件的添加文件,有文件的添加"paths": {"@/*": ["./src/*"]}配置即可)
{  "compilerOptions": {  "target": "ES6",  "module": "commonjs",  "paths": {"@/*": ["./src/*"]} },  "include": [  "src/**/*"  ],  "exclude": [  "node_modules"  ]  
}

这种直接在项目中使用jsconfig.json/tsconfig.json文件配置的方法,更加适用于团队协作开发

用户自定义安装插件

  • 使用vscode插件,并在vscodesetting.json文件中配置
  1. 别名路径跳转(setting.json配置看插件细节说明)在这里插入图片描述
  2. path-alias(setting.json配置看插件细节说明)
    在这里插入图片描述
    例如配置:
    setting.json
"pathAlias.aliasMap": {"@": "${cwd}/src"
},
  • 使用这两个插件的任意一个都可以,使用插件的话是ctrl+点击from后面的路径,不能点击import后面的变量名,然后跳转到文件,并不是快速跳转到对应变量声明的位置。
  • 使用插件的方式更加偏向于用户使用的自定义安装插件,并不适合于团队协作,毕竟设置的setting.json文件是存在用户电脑的vscode里面的,并没有在代码项目工程上。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/536681.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

javaweb day16 mysql

mysql 安装: 企业开发使用方法 安装虚拟机代替服务器 数据模型 创建数据库 写法 sql简介

如何用 Vue3 + Vite + SCSS 轻松实现换肤功能

前言 一个网站的换肤效果算是一个比较常见的功能,尤其是在后台管理系统中,我们几乎都能看到他的身影,这里给大家提供一个实现思路。 搭建项目 vitevue3搭建项目这里就不演示了,vite官网里面讲得很清楚。 注:这里使…

EdgeSAM: Prompt-In-the-Loop Distillation for On-Device Deployment of SAM

EdgeSAM: Prompt-In-the-Loop Distillation for On-Device Deployment of SAM EdgeSAM论文:https://arxiv.org/pdf/2312.06660.pdf EdgeSAM代码:https://github.com/chongzhou96/EdgeSAM 1 概述 作者在对各种蒸馏策略进行深入剖析后,证实了…

鸿蒙Harmony应用开发—ArkTS声明式开发(基础手势:TextClock)

TextClock组件通过文本将当前系统时间显示在设备上。支持不同时区的时间显示,最高精度到秒级。 说明: 该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 子组件 无 接口 TextClock(options?…

Redis底层数据结构之List

文章目录 1. Redis 6的list源码分析1. Redis 7的list源码分析 1. Redis 6的list源码分析 首先我们查看一下redis 6关于list的相关配置: config get list*可以看见redis 6的quicklist底层使用的数据结构是ziplist list-compress-depth:表示一个quicklis…

CSS中position的属性有哪些,区别是什么

position有以下属性值: 属性值概述absolute生成绝对定位的元素,相对于static定位以外的一个父元素进行定位。元素的位置通过left、top、right、bottom属性进行规定。relative生成相对定位的元素,相对于其原来的位置进行定位。元素的位置通过…

使用Golong轻松实现JWT身份验证

使用Golong轻松实现JWT身份验证 JSON Web Tokens (JWT)是一种流行的安全方法,用于在两个方之间表示声明。在Web应用程序领域,它们通常用作从客户端向服务器传输身份信息(声明)的方式。本教程将引导您逐步实现Go应用程序中的JWT身份…

中国湿地沼泽分类分布数据集

数据下载链接:百度云下载链接 引言 随着经济社会的快速发展和城市化进程的加速推进,农业发生功能性转变,从单一生产功能向生产、生活、生态多功能服务首都经济社会发展转变。湿地与农田、草地、森林三大生态系统整合形成完整的现代农业生态服…

如何使用ArcGIS Pro生成带计曲线等高线

等高线作为常见的地图要素经常会被使用到,一般情况下生成的等高线是不带计曲线的,在某些情况下我们需要带计曲线的等高线,这里为大家介绍一下ArcGIS Pro生成带计曲线等高线的方法,希望能对你有所帮助。 数据来源 教程所使用的数…

【数据结构】二叉树的层序遍历、前序遍历,中序遍历、后续遍历

目录 一、前言二、二叉树的遍历概念三、根据遍历结果去推其他的遍历结果1.根据前序遍历、中序遍历,求后序遍历2. 已知中序和后序遍历,求前序遍历 四、代码实现 一、前言 最近也是在准备笔试,由于没有系统的学过数据结构,所以花了…

WanAndroid(鸿蒙版)开发的第三篇

前言 DevEco Studio版本:4.0.0.600 WanAndroid的API链接:玩Android 开放API-玩Android - wanandroid.com 其他篇文章参考: 1、WanAndroid(鸿蒙版)开发的第一篇-CSDN博客 2、WanAndroid(鸿蒙版)开发的第二篇-CSDN博客 效果 搜索页面实现…

C++之多态以及文件处理

多态 1 多态的基本概念 多态是C面向对象三大特性之一 多态分为两类: 静态多态: 函数重载 和 运算符重载属于静态多态,复用函数名 动态多态: 派生类和虚函数实现运行时多态 静态多态和动态多态区别: 静态多态的函数地址早绑定-编译阶段确定函数地址…