VS Code默认有基础高亮但不够精准，需结合插件与配置优化：highlight-words实现“点哪亮哪”，Color Highlight渲染CSS色块，editor.tokenColorCustomizations自定义语法颜色，并须正确设置语言模式、作用域及主题适配。
VSCode 默认就有基础语法高亮，但“能用”不等于“好用”——尤其当你面对 C++ 模板嵌套、Vue 的 <script setup> 或大量同名变量时，靠默认高亮根本分不清谁是谁。真正有用的高亮得靠插件+针对性配置，不是装完就完事。
highlight-words 插件：按 Ctrl+F8 高亮当前单词
这是最接近 Source Insight 的“点哪亮哪”体验。但别急着按快捷键，先确认三件事：
- 安装插件后必须重启 VSCode，否则
Ctrl+F8无效（不是重载窗口，是彻底关掉再打开） - 默认快捷键是
Ctrl+F8，但部分键盘布局或输入法会拦截，可在设置里搜highlightWords.toggleHighlight重新绑定 - 它只高亮**完整单词**，
counter不会匹配counter1或my_counter；想支持下划线或驼峰，得改插件的正则规则
Color Highlight：CSS 颜色值旁显示真实色块
写样式时看到 #3498db 就该立刻知道是什么蓝，而不是靠脑补。这个插件开箱即用，但容易卡在两个地方：
- 文件语言模式必须是
css、scss、html或vue，如果右下角显示Plain Text，点击它手动选成CSS - 注释里的颜色默认不渲染，要让
// #ff6b6b也出小色块，得在设置里把colorHighlight.showColorsInComment设为true - Vue 单文件组件中
<style>块生效，但<template>里的内联style="color: red"不支持——这不是 bug，是设计限制
editor.tokenColorCustomizations：改关键字/字符串颜色
想把 function 变红、const 加粗，就得动 settings.json。但直接写颜色容易翻车：
- 别瞎猜 scope 名，用
Help → Toggle Developer Tools，然后在编辑器里右键 →Inspect Editor Tokens，光标停在哪就看哪的作用域（比如keyword、support.type.primitive） - 暗色主题下用纯白
"#FFFFFF"会刺眼，建议加透明度："#FFFFFFA0"（最后两位是 alpha） - 修改
string颜色时，注意它同时影响 JS 字符串和 CSS url() 里的路径，想分开控制得用更细粒度的 scope，比如string.quoted.double.js
Vue / TypeScript 文件高亮失效？先看语言模式
Vue 文件高亮变灰、TS 接口没颜色，90% 是语言识别错了，不是插件没装全：
- 打开 .vue 文件，右下角点语言标签，必须是
Vue（不是HTML或Vue HTML），否则 Volar 不启动 - Volar 和 Vetur 不能共存，卸载 Vetur 后必须重启 VSCode，否则旧语言服务还在后台占坑
- TypeScript 类型如
Promise<string>高亮异常，大概率是typescript.tsdk指向了全局 TS 而不是项目本地版本，检查设置里这个路径是否指向node_modules/typescript/lib
高亮不是越花哨越好，而是让关键信息跳出来。一个变量在 200 行代码里出现 7 次，如果你得数括号层数才能确认它是不是同一个作用域里的，那配色再炫也没用——这时候该调的是 scope 规则，不是换主题。
