一行代码教会你VS Code自定义代码颜色 |选中颜色高亮

最新推荐文章于 2025-09-10 15:03:13 发布

原创最新推荐文章于 2025-09-10 15:03:13 发布 · 6.4k 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #新星计划 #大前端

web前端同时被 2 个专栏收录

79 篇文章

订阅专栏

JavaScript

64 篇文章

订阅专栏

本文介绍了如何在VSCode中通过设置json文件来自定义代码的注释、关键字、变量名、字符串、函数名和数字的颜色，以及选中高亮的颜色，让代码编辑更加个性化和视觉友好。

一行代码教会你VS Code自定义注释关键字字符串变量名函数名数字颜色以及代码选中高亮

step 1

在这里插入图片描述

step 2

在这里插入图片描述

step 3

在这里插入图片描述

在setting.json 中加入以下代码

"editor.tokenColorCustomizations": {
    "comments": "#16e716", // 注释
    "keywords": "#0a0", // 关键字
    "variables": "#f00", // 变量名
    "strings": "#e2d75dbd", // 字符串
    "functions": "#5b99fcc9", // 函数名
    "numbers": "#AE81FF" // 数字
  },
  // 选中高亮的颜色
  "workbench.colorCustomizations": {
    "editor.selectionBackground": "#5851bb"
  },