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 (替换内容) |
📷 使用效果
以下为插件实际使用效果截图:
悬浮替换按钮示例:

🚀 快速开始
- 安装插件
- 根据需要配置
replaceHover.replaceRules
- 将鼠标悬浮到符合规则的字符串上
- 点击替换按钮,立即完成替换
💡 注意事项
- 正则表达式建议使用
\\ 进行转义
- 替换范围仅限于悬浮目标字符串,不会影响其他内容
- 若配置有误(如非法正则),控制台会输出警告
| |