VSCode中Vue3组件CSS代码行的「引用」是什么？如何关闭？

是什么？ #

这不是代码本身的内容，是编辑器（大概率是VSCode）的可视化提示标记——要么是代码引用追踪提示，要么是插件生成的关联标记，不会影响代码运行。

来源？ #

基本是你装的VSCode插件触发的：

• 最可能是Vue官方的Volar插件：它会自动标记组件、变量的跨文件引用关系
• 其次是GitLens：用来显示代码的提交者、引用记录
• 也可能是ESLint、Prettier这类工具的拓展提示
  只在单个组件出现，是因为这个组件的代码结构或Git记录触发了插件的单独识别逻辑。

怎么关掉？ #

分情况操作：

• 要是Volar的标记：打开VSCode设置，搜Volar: Show References，取消勾选
• 要是GitLens的标记：搜GitLens: Code Lens关全局，或者右键点标记选「Disable GitLens Code Lens for this file」只关这个文件
• 嫌麻烦就右键点编辑器里的标记，直接选「隐藏此类提示」，或者全局搜「Code Lens」关掉所有这类提示

内容的提问来源于stack exchange，提问作者DuchSuvaa