highlight-words是唯一能稳定实现“选中即高亮”的插件,因其专为手动触发、多色叠加、跨文件高亮设计,支持全词匹配与正则模式,且需显式配置colors、defaultMode和box等参数才能生效。

VSCode 本身不提供“手动高亮选中代码块”的功能,所谓“告别枯燥”不是靠开个开关就能实现的——得装对插件、配对参数、绑对快捷键,否则 Ctrl+H 按了也白按。
highlight-words 是唯一能稳定实现“选中即高亮”的插件
Color Highlight 只认颜色值(#ff6b6b、rgb(255, 107, 107)),Bracket Pair Colorizer 只管括号,它们都不响应你鼠标划选的任意文本。而 highlight-words 的设计目标就是:你选中什么,就高亮什么,跨文件、多色、可取消。
- 它不依赖语言模式——
.js、.vue、.html、.json全都能高亮 - 高亮带背景色 + 可选边框,视觉反馈强,不会被主题“吃掉”
- 支持全词匹配(避免选中
map却高亮flatMap)、忽略大小写、正则(比如console\.log\(\))
必须手动配置 settings.json 才能生效
只安装插件没用,highlight-words 不会自动启动核心逻辑。你得在 settings.json 里硬写这几项:
{
"highlightwords.colors": [
{"light":"#b3d9ff","dark":"#4a90e2"},
{"light":"#e6ffb3","dark":"#7ed321"}
],
"highlightwords.defaultMode": 3,
"highlightwords.box": {"light": true,"dark": false},
"highlightwords.showSidebar": false
}
-
highlightwords.colors至少要 2 组颜色,少于 2 组插件直接不渲染高亮 -
highlightwords.defaultMode: 3表示“全词 + 忽略大小写”,这是最安全的默认值 -
highlightwords.box.dark: false很关键:深色主题下设true,边框会和背景融合,看起来像没高亮 -
highlightwords.showSidebar: false建议关掉,否则左侧多出 HIGHLIGHTS 栏,干扰导航
快捷键绑定后仍无效?大概率是被劫持了
插件默认没快捷键,你得自己绑。常见问题不是“没反应”,而是快捷键被其他插件覆盖:
- 打开快捷键设置:
Ctrl+K Ctrl+S→ 搜索Highlight Toggle Current - 推荐绑定
Ctrl+Shift+H(Ctrl+H容易和查找冲突) - 如果仍无效,检查是否被
Auto Rename Tag或Prettier抢占了组合键(它们常占Ctrl+Shift+X类) - 高亮后光标移走就消失?这是正常行为——它只作用于当前编辑器,不跨标签页持久化
真正容易被忽略的是:高亮颜色数校验、深色主题下的边框可见性、以及快捷键冲突排查——这些不显眼的点卡住,整个功能就停在“装了但没用”状态。


















