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

目录
  • 前言
  • 整体思路
  • 文件查询
    • 项目内查询
    • 已打开文件中
  • 内容查询
    • 根据内容查询
    • 根据所在行数（+文件名）查询
  • 语言层面查询
    • 符号（变量）查询
    • 函数、类、接口的声明与实现（调用）

前言

欢迎来到 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扩展代码定位的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • VsCode运行html界面的实战步骤

    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时候

    VScode 隐藏大量无用的文件比如在看Linux kernel或boot时候

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

  • 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调试教程tasks.json和launch.json的设置

    超详细VScode调试教程tasks.json和launch.json的设置

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

  • VSCode 搭建 x264 源码调试环境的详细步骤

    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扩展代码定位实现步骤详解

    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的步骤详解

    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的步骤详解

    用vscode开发python的步骤详解

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

  • 5行Python代码实现图像分割的步骤详解

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

  • python3 通过 pybind11 使用Eigen加速代码的步骤详解

    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入门开发教程  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里也没有,

随机推荐