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

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

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

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

设置方法也很简单:

  • 打开设置(Ctrl + ,)
  • 搜索 editor.codeLens
  • 确保勾选了 Editor: Code Lens
  • 再搜索 typescript.referencesCodeLens,打勾
  • 继续点击已经勾选那一行的 link 高亮「references CodeLens」,然后继续打勾
相关推荐
m0_敲代码的彭于晏1681 小时前
Vercel 前端部署平台深度评测
前端
怕浪猫2 小时前
外包和大厂的前端代码,差在凌晨三点
前端·面试·github
m0_敲代码的彭于晏1683 小时前
Vercel 前端部署与全栈开发实战指南
前端·状态模式
徐小夕3 小时前
花了3个月,我们做了一款 AI 版的“飞书文档”
前端·算法·github
贾伟康3 小时前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
Csvn4 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn4 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
Elcker6 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
计算机魔术师7 小时前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端
风骏时光牛马7 小时前
测试标题001
前端