You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode中Flutter(Dart)方法声明顶部显示引用的实现方案

在VSCode中给Dart/Flutter方法显示引用计数的方案

完全可以实现类似Visual Studio的引用显示效果,主要依赖官方Dart/Flutter插件的CodeLens功能,步骤如下:

  • 先确认已安装VSCode官方的Dart和Flutter插件(这是基础前提,没有的话先在扩展市场安装)
  • 启用CodeLens核心功能:
    1. 打开VSCode设置(快捷键Ctrl+, Windows/Linux,Cmd+, Mac)
    2. 搜索editor.codeLens,勾选「Enable CodeLens」选项
    3. 搜索dart.codeLens,确保该选项处于启用状态(默认是开启的)
  • 开启引用计数显示:
    搜索dart.referenceCodeLens,确认该选项启用,之后方法、类、变量等声明的上方就会自动显示引用数量,点击这个计数还能快速查看所有引用位置,和Visual Studio的效果一致

如果需要调整显示样式,还可以搜索dart.codeLensFontStyle,设置成你偏好的样式(比如italic斜体、bold加粗)。

要是遇到引用不显示的情况,检查右下角状态栏的Dart分析器是否正常运行(显示「Dart」图标和项目名称),或者重启VSCode重新加载项目即可。

内容的提问来源于stack exchange,提问作者mini mouse

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.16 08:14:49