Python Extended插件精准高亮f-string中变量、函数和运算符，需禁用默认语义高亮；vscode-yaml+Comment Anchors解决JSON/YAML/Env注释变红及自定义标签识别问题。
VSCode 默认的语法高亮对很多现代语言或自定义格式支持有限，光靠主题配色解决不了根本问题——真正让代码“赏心悦目”的，是精准识别结构、语义和上下文的高亮插件。
Python 多行字符串和 f-string 高亮不一致？用 Python Extended
原生 Python 扩展对三引号字符串、f-string 中的表达式块（{...}）常统一标成字符串色，导致逻辑嵌入部分完全“隐身”。Python Extended 会单独高亮 f"" 内的变量名、函数调用和运算符，且兼容 black 和 isort 格式化后的缩进风格。
- 启用后需禁用默认 Python 插件的
"editor.semanticHighlighting": true，否则语义高亮会覆盖其规则 - 对
"""..."""中的 reStructuredText 或 Markdown 片段不做处理，如需文档字符串渲染，得额外装restructuredtext插件 - 不支持 Jupyter Notebook 单元格内高亮，.ipynb 文件仍走原生逻辑
JSON/YAML/Env 文件里注释变红？装 vscode-yaml + Comment Anchors
VSCode 把 JSON 当纯文本时，// 或 # 注释会被标为错误（红色波浪线），而 YAML 默认不识别 !include 或自定义标签。官方 vscode-yaml 插件能解析 schema 并高亮锚点、合并键（），但注释颜色仍依赖主题——<code>Comment Anchors 则专治“注释像报错”这回事，它把 TODO、FIXME 及自定义关键词（如 NOTE）提亮为橙色，并支持正则匹配跨行注释。
-
vscode-yaml必须在settings.json中显式开启"yaml.format.enable": true才能格式化时保留注释位置 - 环境变量文件（
.env）需手动关联语言模式：右下角点击“Plain Text” → “Configure File Association for '.env'” → 选Environment Block -
Comment Anchors的高亮不改变语法树，仅视觉标记，不影响 lint 或 debug
React JSX 中 CSS-in-JS 样式块乱码？styled-components 官方插件救急
用 styled.div 或 css`...` 时，VSCode 常把模板字符串当普通 JS 字符串，括号不匹配、颜色全灰。官方 styled-components 插件能识别 tagged template literals，并按 CSS 规则高亮选择器、属性、值，还支持鼠标悬停显示类型推导（需配合 TypeScript）。
- 必须确保项目已安装
styled-components包，否则插件会静默失效（无报错提示） - 对 Emotion 的
css函数支持有限，emotion用户建议搭配Emotion Snippets+ 手动配置"emeraldwalk.runonsave"触发重载 - 开启
"editor.quickSuggestions": { "strings": true }后，CSS 属性名才有自动补全，否则只高亮不提示
高亮不是越花哨越好——关键看它是否尊重语言规范、不干扰调试流程、且能在团队协作中保持一致。比如 GraphQL 插件若开启 schema 推断，却没配好 graphql.config.js，反而会让所有 gql`...` 块报错。这类细节，比换十个主题更影响每天写代码的心情。
