如何配置Visual Studio Code实现Qt Creator式代码块高亮功能？

核心方案：自定义编辑器高亮规则 #

VS Code可通过配置和轻量插件实现目标效果，无需依赖视觉繁杂的Blockman：

1. 语义高亮精准定位代码块
   打开settings.json，针对当前光标所在的代码块（函数、类等语义单元）设置背景色，不同语言可匹配对应语义标签：

   "editor.semanticTokenColorCustomizations": {
     "[你的主题名称]": {
       "rules": {
         "function.block": { "background": "#f0f8ff80" },
         "class.block": { "background": "#f0f8ff80" }
       }
     }
   }
   

   可通过Developer: Inspect Editor Tokens and Scopes命令，查看当前光标位置的具体语义标签，替换上述示例中的function.block等字段。

2. 实现两级高亮层级
   配合VS Code原生的范围高亮设置，区分当前代码块与外围区域：

   "editor.rangeHighlightBackground": "#e6f7ff60",
   "editor.selectionHighlightBackground": "#fffbe660",
   "editor.rangeHighlightBorder": "transparent",
   "editor.selectionHighlightBorder": "transparent"
   

   第一级（当前代码块）用rangeHighlight，第二级（关联外围区域）用selectionHighlight，通过透明度差异实现层级效果。

3. 轻量行背景高亮方案
   若语义高亮不够适配，可安装Highlight Line插件，通过正则匹配代码块实现行背景高亮：

   "highlightLine.backgroundColor": "#f5f5f580",
   "highlightLine.borderColor": "transparent",
   "highlightLine.regex": "(?<=\\{)[\\s\\S]*?(?=\\})"
   

   上述正则会匹配大括号包裹的代码块，自动高亮光标所在块的所有行背景。

注意事项 #

• 背景色透明度建议设为40%-60%，避免遮挡原有语法高亮。
• 部分语言可能需要调整正则规则，适配其代码块的语法结构。

内容的提问来源于stack exchange，提问作者Harjit Singh