集成

Visual Studio Code

对于程序员来说,最大的恐惧莫过于突然接手一个大的屎山项目,往往一个功能点需要跳转很多文件中的很多片段才能梳理完整。

在复杂结构中开发是很难受的,对于个人项目而言,重构是随时可以开始的事情,但对于公司项目而言,重构不是随随便便说做就能做的。

只能硬着头皮在VS Code的各种文件中的代码里的标识符名使用 ctrl + 左键点击 来回跳跃、或者在一个几千行的代码中来回上下跳跃、或者使用全局搜索 Ctrl + Shift + F 频繁的搜索某个通信的ID字符串之类的东西,进而跳跃到另一个模块

跳来跳去比较没有一个清晰的结构路线。

在VS Code插件市场中可以搜索 “file ref tags” 插件(它是由阿岳开发的VSCode插件)

认准发布者为“LiRenTech”。图标为一个蓝色的带闪电的标签

安装好插件之后。

  1. 切换窗口,打开 project graph 软件并打开一个工程文件
  2. 创建一个文本节点
  3. 输入以下内容
vscode://lirentech.file-ref-tags?filePath=<文件路径>&snippet=<代码片段>
  1. 点击空白地方退出编辑状态
  2. 用中键双击该节点,或用快捷键触发跳转打开链接
  3. 发现VSCode窗口自动弹出,且跳转到了源码中指定的位置

具体参数的填写原理:

  • filePath:文件路径,可以填写不全,如:LSPManager/index.ts,或者 LSPManager.ts,仅需确保根据此路径片段能对应到项目中的唯一文件即可
  • snippet:代码片段,如:function getLSPManager(,或者注释也可以 ,如:// 唯一的入口函数

如果填写了filePath参数,则确保snippet的片段能在文件内被唯一检索。

如果没有填写filePath参数,则需要确保snippet片段能在项目内使用 Ctrl + Shift + F 全局唯一检索

如果只填写了filepath参数而没有snippet参数,则会直接跳转到文件

如果感觉片段过长影响节点美观性,可以把节点内容压入到详细信息中。详见软件内的 功能说明书 中的“链接”