vscode扩展代码定位实现步骤详解

2024-10-01 10:05:08

前言

欢迎来到 vscode 的世界，本文目标为科普 vscode 中关于【代码定位】的一些设计理念，其实就是查询，但查询是个很庞大的话题，想想自己找半天还找不到正确位置的烦恼？

想想我们的日常搜索，基本上就是cmd/ctrl + F在当前文件根据关键词进行搜索，或者cmd/ctrl + shift + F在整个项目进行搜索，这其实搜索里最简单的功能，举下面几个例子吧

报错信息中存在文件路径和行号，改怎么定位
关键词在文件多处出现，限定查找函数，该怎么缩小范围
模块化下，搜索函数的调用处或被调用函数的定义处

这些问题，如果只采用搜索关键词，就会变得很低效而且结果不精确

整体思路

在 vscode 中，功能的支持大体分为三个层面：文件查询、内容查询、语言层面查询；

文件查询主要关注范围：项目内、已打开文件中；

内容查询主要关注条件：根据内容查询、根据所在行数（+文件名）查询；

语言层面查询主要关注逻辑：符号（变量）查询、函数、类、接口的声明与实现（调用）

接下来，让我们开始逐一解释吧！

文件查询

项目内查询

项目内最常见的是根据文件名或项目相对路径进行查询，对应命令是cmd+p唤起命令面板，然后输入文件路径即可

已打开文件中

如果打开文件过多，想找其中的一个文件就比较麻烦了，这是我们可以Ctrl+Tab，就可以打开一个文件列表，这个列表罗列了当前打开的所有文件。接下来，你可以通过按下 “Tab”键在这个列表里跳转，选择你想要打开的文件。

内容查询

根据内容查询

需求	快捷键 for mac	快捷键 for win
文件内搜索内容	cmd + F	ctrl + F
项目内搜索内容	cmd + shift + F （这个快捷键很容易被搜狗输入法占用，请留意）	ctrl + shift + F

关键词查找还支持三个功能项

第一个是大小写敏感：默认忽略，搜索的结果是否要跟关键词大小写完全一致

全单词匹配：默认忽略，勾选时会排除搜索的单词恰好是别的某个单词中间一部分的情况

正则表达式匹配：勾选时会开启正则匹配

根据所在行数（+文件名）查询

需求 / 对应命令	快捷键 for mac	快捷键 for win
打开指定文件的指定行，不指定 filename 默认当前文件 / [filename]?:[行数]	ctrl + g

语言层面查询

符号（变量）查询

VS Code 提供了一套 API 给语言服务插件，它们可以分析代码，告诉 VS Code 项目或者文件里有哪些类、哪些函数或者标识符（我们把这些统称为符号）。

需求 / 对应命令	快捷键 for mac	快捷键 for win
模糊查询当前文件符号，不填默认展示所有（如果加上:会分类展示）/ @[:]?	Cmd + Shift + O	Ctrl + Shift + O
模糊查询当前打开的文件列表中的符号，不填默认为空 / #	cmd + T

函数、类、接口的声明与实现（调用）

很简单，一个F12解决一切。光标在使用者上时，按下F12会跳转到定义的位置；光标在定义上时，按下F12，vscode 会打开一个引用列表，点击引用即会跳转到指定位置（目前跨文件的引用是不会被检索到的）。

以上就是vscode扩展代码定位实现步骤详解的详细内容，更多关于vscode扩展代码定位的资料请关注我们其它相关文章！

VScode更新后安装vetur仍无法格式化vue文件的解决

目录 VScode更新后安装vetur仍无法格式化vue文件 vscode 无法格式化 .vue文件和js格式化错误一句搞定 VScode更新后安装vetur仍无法格式化vue文件 1.删除 C:\Users\Administrator中的.vscode文件夹 2.重新安装vscode 3.安装vetur插件,此时可以正常使用 vscode 无法格式化 .vue文件和js格式化错误 1.如题,在网上查了很多配置,也试了很多组合,死活无法格式化vue文件,最后一句搞定 "[vue]"
VSCode 搭建 x264 源码调试环境的详细步骤

目录 1.下载 x264 2. 使用上一节介绍的方法为 x264 生成支持 debug 的 x264.exe 3. 在 VSCode 中打开 x264 源码文件夹 4. 创建并配置 launch.json 4.1 创建 launch.json 4.2 配置 launch.json 的 gdb.exe 路径 4.3 配置 launch.json 的 x264.exe 路径 5. 创建并配置 tasks.json 5.1 创建 tasks.json 5.2 配置 tasks.json 的 gcc.e
超详细VScode调试教程tasks.json和launch.json的设置

运行环境: VSCode 1.68.1 wsl:ubuntu子系统废话不多说,直接开整,首先选择左侧任务栏的第四个选项运行和调试,点击创建launch.json 创建好的界面如上图所示.点击右下角的添加配置此时如上图所示,选择第一个c/c++(gdb)启动此时会生成如上图所示代码,注意我画箭头的这两个地方,那个cwd是我们当前文件所在的工作目录,把画箭头的这两个地方改成一样的改完后如上图所示,后面的a.out是我们一会儿要调试的可执行文件名称,这里用系统生成的也行,改成自己的也行,接下来
VsCode运行html界面的实战步骤

目录前言 1.安装插件open in browser的步骤 2.总结前言一般我们安装VSCode需要安装很多插件,在VSCode中默认编写的HTML页面是不能运行的. 新手在使用VSCode会遇到类似这种问题:鼠标右键后并没有找到 "Open in default brower" . 这时我们需要安装一个插件open in browser: 1.安装插件open in browser的步骤 1.打开vscode软件→点击左侧第五个图标→搜索open in brower→下载,如下
VScode 隐藏大量无用的文件比如在看Linux kernel或boot时候

目录 1. VScode 工程创建 2. 使用步骤 3. 在Linux kernel中,要忽略掉的内容 1. VScode 工程创建先在 Ubuntu 下编译一下 uboot,然后将编译后的 uboot 文件夹复制到 windows 下,并创建VScode 工程.打开 VScode,选择:文件->打开文件夹…,选中 uboot 文件夹,如图所示: 点击“文件->将工作区另存为…”,打开保存工作区对话框,将工作区保存到 uboot 源码根目录下,设置文件名为“uboot” 2. 使用步骤保存
vscode扩展代码定位实现步骤详解

目录前言整体思路文件查询项目内查询已打开文件中内容查询根据内容查询根据所在行数(+文件名)查询语言层面查询符号(变量)查询函数.类.接口的声明与实现(调用) 前言欢迎来到 vscode 的世界,本文目标为科普 vscode 中关于[代码定位]的一些设计理念,其实就是查询,但查询是个很庞大的话题,想想自己找半天还找不到正确位置的烦恼? 想想我们的日常搜索,基本上就是cmd/ctrl + F在当前文件根据关键词进行搜索,或者cmd/ctrl + shift + F在整个项目进
vscode C++开发环境配置步骤详解(教你如何用vscode编写写C++)

用了一段时间的cb,Devc++,但一直感觉cb的高亮太差,而Devc++使用体验差(尤其是代码补全功能),换过vs2017,但是由于其太大了,卡顿十分明显,所以最终选择了vscode这款轻量级编译器.由于自己在配置c++开发环境时遇到了不少问题,因此特地写了这篇博文,希望能够帮助后来者快速实现c++环境配置. 步骤一:下载vscode 直接进入vscode官网下载即可,要注意选择与自己系统符合的版本. 官网地址:https://code.visualstudio.com/?wt.mc_id=D
VsCode配置C++/Cmake的步骤详解

Reference https://zhuanlan.zhihu.com/p/87864677 步骤 1.安装VSCode,直接在官网下载安装即可 2.配置C/C++环境,安装MinGW编译器,也可以在官网下载安装 3.MinGW编译器刚才下载的是个下载器,直接双击安装,配置X86和WIN32,指定下载目录(需要记住,之后会用,并且目录不能有空格) 4.下载完成之后,将刚才下载目录下的bin文件夹目录配置到环境变量里 5.CMD窗口输入gcc -v不报错就证明配置成功 6.VSCode中搜索
用vscode开发python的步骤详解

一个老程序员,各种开发语言和技术都有涉及.每种语言都有相对应的IDE,提供比较完善的功能.vscode出来以后,总想能用1个工具,就不想安装N个了.IDE好不好用,很多是使用习惯的问题.作为出过"宇宙最强IDE"的微软,vscode自然也不差.目前net,vue前端,java后端spring项目都在用vscode,vscode作为一个代码编辑器,重在写代码,其他的编译调试,都是插件提供的功能.自然python也想用.既然vscode免费,为啥还非得用破解的IDE.最主要的原因.vsco
5行Python代码实现图像分割的步骤详解

众所周知图像是由若干有意义的像素组成的,图像分割作为计算机视觉的基础,对具有现有目标和较精确边界的图像进行分割,实现在图像像素级别上的分类任务. 图像分割可分为语义分割和实例分割两类,区别如下: 语义分割:将图像中每个像素赋予一个类别标签,用不同的颜色来表示: 实例分割:无需对每个像素进行标记,只需要找到感兴趣物体的边缘轮廓. 图像分割通常应用如下所示: 专业检测:应用于专业场景的图像分析,比如在卫星图像中识别建筑.道路.森林,或在医学图像中定位病灶.测量面积等: 智能交通:识别道路信息,包括车
python3 通过 pybind11 使用Eigen加速代码的步骤详解

python是很容易上手的编程语言,但是有些时候使用python编写的程序并不能保证其运行速度(例如:while 和 for),这个时候我们就需要借助c++等为我们的代码提速.下面是我使用pybind11调用c++的Eigen库的简单介绍: 第一步:准备系统和IDE: Windows 10 vs2015 (用于调试c++代码) vscode (调试python代码) 第二步:python虚拟环境: 1.创建虚拟python虚拟环境: 在vscode的terminal中执行 python -m v
Python入门开发教程 windows下搭建开发环境vscode的步骤详解

目录一.环境介绍二. 搭建python开发环境 2.1 Python版本介绍 2.2 在windows下安装Python环境 2.3 windows下安装VSCode代码编辑器一.环境介绍操作系统: win10 64位 python版本: 3.8 IDE: 采用vscode 用到的相关安装包CSDN打包下载地址: http://xiazai.jb51.net/202107/yuanma/Pytho_jb51.rar 二. 搭建python开发环境 2.1 Python版本介绍因为Pyt
java 中JDBC连接数据库代码和步骤详解及实例代码

java 中JDBC连接数据库代码和步骤详解 JDBC连接数据库 •创建一个以JDBC连接数据库的程序,包含7个步骤: 1.加载JDBC驱动程序: 在连接数据库之前,首先要加载想要连接的数据库的驱动到JVM(Java虚拟机),这通过java.lang.Class类的静态方法forName(String className)实现. 例如: try{ //加载MySql的驱动类 Class.forName("com.mysql.jdbc.Driver") ; }catch(Class
VSCode 搭建 Arm 远程调试环境的步骤详解

简介前提条件: 确保本机已经安装 VS Code. 确保本机已安装 SSH client, 并且确保远程主机已安装 SSH server. VSCode 已经安装了插件 C/C++. 本次搭建的环境: 主机:windows 10 服务器:ubuntu 16.04 VSCode 版本:February 2020 (version 1.43) Arm:海思 3559A (已配置好编译工具链和 gdb server) 连接远程主机 Remote Development 首先安装 Remote Dev
idea统计代码行数Statistic的步骤详解

idea统计代码行数可以用到插件:Statistic. 步骤: File→Settings 进入Plugins 点击Marketplace 搜索Statistic 安装蓝框标出的插件重启idea后就可以看到效果了(图是拿的别人的,基本就是这效果) 如果没有下边的statistic图标,可在View-> Tool Windows中打开注:Statistic对idea的版本有要求我的idea版本是2019.1,直接安装后未发现图标,在View -> Tool Windows里也没有,