Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Replace HoverNew to Visual Studio Code? Get it now.
Replace Hover

Replace Hover

lurkvon

|
2 installs
| (1) | Free
悬浮在自定义字符串上提供替换选项
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Replace Hover

悬浮在自定义字符串上,快速选择替换预设内容的 VSCode 插件。


✨ 插件功能

✅ 悬浮指定字符串时,提供替换选项按钮 ✅ 支持任意字符串或正则表达式匹配 ✅ 替换选项完全用户自定义,支持多组选择 ✅ 替换操作无需额外弹窗,点击即替换


📦 典型使用场景

  • 替换 CDN 链接中的域名
  • 替换版本号、环境标识等字符串
  • 快速切换测试地址、调试路径
  • 针对项目中常见模板字符串提供快捷替换

🛠 配置示例

在你的 VSCode settings.json 中配置:

"replaceHover.replaceRules": [
    {
      "pattern": "domain1",
      "replacements": [
        { "label": "替换为 domain2", "replacement": "domain2" },
        { "replacement": "domain3" }
      ]
    },
    {
      "pattern": "anotherDomain1",
      "replacements": [
        { "label": "替换为 anotherDomain2", "replacement": "anotherDomain2" },
        { "replacement": "anotherDomain3" }
      ]
    },
]

参数说明:

参数 说明
pattern 字符串或正则表达式,匹配内容
replacements 替换选项数组,每项包含 label(显示文本 可选)和 replacement(替换内容)

📷 使用效果

以下为插件实际使用效果截图:

悬浮替换按钮示例:

悬浮示例


🚀 快速开始

  1. 安装插件
  2. 根据需要配置 replaceHover.replaceRules
  3. 将鼠标悬浮到符合规则的字符串上
  4. 点击替换按钮,立即完成替换

💡 注意事项

  • 正则表达式建议使用 \\ 进行转义
  • 替换范围仅限于悬浮目标字符串,不会影响其他内容
  • 若配置有误(如非法正则),控制台会输出警告
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft