打开这个 VSC 设置「组件引用位置」和数量就都清楚了

101 阅读1分钟

以往搜索组件都会用 VSC 左侧栏的搜索功能,要不就是在文件列表的右键菜单中点选文件引用,或者 Ctrl 点选具体组件名,代码仓不大还好,太多就不好用了。

原来 VSC 内置有一个很好用的功能,在组件定义位置上方就能点选跳转,如图所示:

image.png

对我来说最大的好处就是能够明确知道它是否被引用,引用了多少次。

设置方法也很简单:

  • 打开设置(Ctrl + ,)
  • 搜索 editor.codeLens
  • 确保勾选了 Editor: Code Lens
  • 再搜索 typescript.referencesCodeLens,打勾

image.png

  • 继续点击已经勾选那一行的 link 高亮「references CodeLens」,然后继续打勾

image.png