如何让VS Code实现代码文本自动着色效果？

你看到的多色代码显示是语法高亮功能，VS Code默认就支持，可通过以下步骤优化或自定义：

1. 安装对应编程语言的扩展 #

语法高亮的精准度依赖语言扩展，官方或主流第三方扩展会提供完善的语法识别：

• 点击左侧活动栏的扩展图标（方块样式）
• 在搜索框输入你常用的语言名称（比如Python、JavaScript）
• 选择下载量高、官方认证的扩展点击安装

2. 更换主题调整着色风格 #

不同主题的语法配色差异很大，选适合你的风格：

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板
• 输入Preferences: Color Theme并回车
• 从列表里选主题，实时预览效果，确认即可

3. 自定义特定语法元素的颜色（进阶） #

如果默认主题的配色不符合需求，可以手动调整：

• 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开用户设置
• 点击右上角的「打开设置(JSON)」按钮（{}图标）
• 在settings.json中添加自定义规则，比如修改双引号字符串的颜色：

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "string.quoted.double",
        "settings": {
          "foreground": "#ff0000"
        }
      }
    ]
  }
  

  要获取某个语法元素的scope，可以打开命令面板输入Developer: Inspect Editor Tokens and Scopes，点击代码中的对应元素即可查看。

注：正常情况下，安装对应语言扩展后，新增代码时自动实时着色是VS Code的默认行为，无需额外配置。

内容的提问来源于stack exchange，提问作者Michael B Ashby