VSCode的“问题悬停预览”是鼠标悬停于带波浪线处时自动弹出的轻量提示框，显示问题详情、来源及快速修复建议；默认开启，依赖语言服务器和扩展正常工作，需确认语言模式正确、扩展启用且设置中“Editor > Hover: Enabled”已勾选。

VSCode 的“问题悬停预览”是指将鼠标悬停在代码中带波浪线的错误或警告位置时，自动弹出一个轻量提示框，显示该问题的详细描述、来源（如 ESLint、TypeScript）、可能的修复建议（含快速修复按钮）等信息。这个功能默认开启，无需额外配置，但它的效果依赖于语言服务和相关扩展是否正常工作。

确保语言支持已启用

悬停预览依赖后端语言服务器（如 TypeScript Server、Python Pylance、ESLint 插件等）。如果悬停没反应，先确认：

• 当前文件后缀名被正确识别（右下角显示语言模式，如 “TypeScript”）
• 对应语言的官方扩展已安装并启用（例如 TypeScript 自带，但 JSX/TSX 需确保 TS 插件未被禁用）
• 没有全局禁用语言特性：检查设置中 “Editor > Hover: Enabled” 是勾选状态

查看和触发快速修复

悬停提示中常带灯泡图标 ⚡ 或 “Quick Fix” 按钮。点击可直接应用建议修改，比如：

Scrapfly SDK TypeScript

使用 Scrapfly SDK（scrapfly-sdk）在 TypeScript 或 JavaScript 中进行网页抓取，用于用户请求抓取 URL、绕过反爬虫防护、渲染页面等场景。

下载

• TypeScript 报错 “类型 'string' 不可赋值给类型 'number'”，悬停后点 “Convert to number” 可自动加 parseInt()
• ESLint 提示 “Unexpected console statement”，悬停后选 “Disable for this line” 会加 // eslint-disable-line

自定义悬停内容来源

某些问题（如拼写错误、未使用变量）可能来自多个工具（如 spell-checker、unused-vars 规则）。VSCode 会合并所有可用信息到同一悬停框。如想控制哪些工具参与：

• 在设置中搜索 “Problems: Show”，可开关特定问题类型的显示（如关闭 “Hints” 类提示）
• 在 settings.json 中调整对应扩展的配置，例如："eslint.enable": true 或 "typescript.preferences.includePackageJsonAutoImports": "auto"

基本上就这些。它不复杂但容易忽略底层依赖——只要语言服务跑起来，悬停预览就会自然生效，是日常调试最顺手的“一眼诊断”方式。