通过更改vscode中C/C++ Themes插件中的.json文件自定义C/C++的编程主题

自定义C/C++的编程主题

环境配置：

• vscode 代码编辑器
• C/C++ Themes插件
  在 vscode 中的扩展中搜索 C/C++ Themes 并安装即可，如图：
  

前言

Q： 为什么我决定自定义主题？
A： 因为原来的暗色主题实在是太丑了！！！，但是其他的好看的暗色主题，比如 one dark pro（我个人认为）对于C和C++的语法显示方面又不够全面。所以我决定自定义一个主题来实现两者兼顾的想法（既要又要）既要层次分明，又要好看，最好还能随意更改（等我看腻了随时换）。

一、简介

• 先来展示一下我的修改后的主题
  
  

二、方法

1. 找到对应json文件

在文件中找到 cpptools_dark_vs_new.json 文件并双击打开，如果你把vscode装在D盘（应该没人会装C盘吧），那么可以在 C:\Users\123\.vscode\extensions\ms-vscode.cpptools-themes-2.0.0\themes 这个路径里找到这个文件，注意123是我的电脑用户名，你要替换成你自己的用户名。打开之后如下图：

然后就可以通过更改这个文件来自定义自己喜欢的主题了。

2. 一些修改主题的小技巧

如果你对自己代码中的某种类型的变量的颜色感到不满意，比如我对局部变量的颜色感到不满意，为什么局部变量的颜色一定是蓝色的，为什么不能是绿色的，我就要改成绿色那我该怎么办呢？

• 首先，我可以通过颜色的值在文件夹里查找跟局部变量有关的代码，局部变量的颜色值是 #9cdcfe，那么我就直接 Ctrl + F 在文件夹里搜索 #9cdcfe，结果如图：

获取颜色值有很多种方法，这里我用的是 Snipaste 这个截图软件，只要把截图的光标放到代码上就能查看光标处的颜色并且按C还能复制

可以看到一下子搜到七个，那么这样我就不知道哪个是配置局部变量样式的代码了。当然我也可以一个个去试把局部变量试出来，但那是最笨的方法了；耗时且没有效率且瞎猫撞耗子。接下来我准备尝试更有效率的方法。

• 更有效率的办法就是 Ctrl + Shift + P 打开搜索然后输入 Inspect Editor Tokens and Scopes 就可以查看编辑器标记和作用域了，如图：

用鼠标点一下再把鼠标放在局部变量的代码上就可以找到其对应的标记和作用域了。还能直接看到与之相关的配置代码。如图：

接下来我就只需要复制这些内容，然后查找就可以很快地找到配置局部变量样式的代码了，如图：

其实，根据我的经验来说，通过颜色的值查找并通过作用域来筛选是最快的方式。当然无论怎么做，都比一个个的试效率要高。

找到了配置代码，我就可以肆意修改局部变量的样式了（其实就是修改字体颜色和字体样式）。

fontStyle: 字体样式，例如斜体，粗体等等。
foreground: 前景色–字体颜色，各种颜色都可以设置。

修改之后代码就变成了这个样子：

cpptools_dark_vs_new.json 更改后的样子：

修改后局部变量的样子：

可以看到修改后局部变量变成了绿色，我终于完成了局部变量的修改。

总结

• 好看的主题并不能提高生产力，但能提升使用者的心情，但是不要过度沉迷自定义主题，过度注重细节也会让心情变差，就像我写这篇博客时的心情一样，越写越烦躁，但又想写完。
• 如果大家觉得我自定义的主题还不错的话，可以直接使用我的。
  点击下载