VS code 修改注释颜色的三种方式(总结)

【VS code 修改注释颜色的三种方式(总结)】

    • 第一种:在vscode安装文件中修改
    • 第二种:vscode的settings.json中修改
    • 第三种:在C盘的.vscode文件中修改

vscode里面的注释总是会变成灰色,解决注释不明显问题

第一种:在vscode安装文件中修改

本人的vscode因为安装到了D盘,所以在D盘找到vscode文件夹,有安装到C盘的小伙伴,在自己安装的盘符下找到即可

VS code 修改注释颜色的三种方式(总结)_第1张图片
这里我以monokai主题为例

VS code 修改注释颜色的三种方式(总结)_第2张图片
点击进入下面文件夹,进入monokai-color-theme.json,可以用vscode打开

VS code 修改注释颜色的三种方式(总结)_第3张图片
如图:操作即可

VS code 修改注释颜色的三种方式(总结)_第4张图片

第二种:vscode的settings.json中修改

这里还是以monokai主题为例
在vscode软件里面修改,步骤如下:

VS code 修改注释颜色的三种方式(总结)_第5张图片
看清楚哦,这里有两种方法都可以进入json文件

VS code 修改注释颜色的三种方式(总结)_第6张图片

要加入的代码,如下:

"editor.tokenColorCustomizations": {
     
        "comments": "#17e917"
    }

如图:

VS code 修改注释颜色的三种方式(总结)_第7张图片

第三种:在C盘的.vscode文件中修改

上面的两种方法都很通用,还有一种情况,有的小伙伴不是用的monokai主题,但又出现了通过上面的两种方法有设置不了的情况,怎么办呢?
下面我就以 levelup主题为例,说一下解决办法

找到C盘,这里是通用的,与安装位置无关,找C盘找到 .vscode 文件

C:\ Users \ 自己的用户名 \ .vscode

VS code 修改注释颜色的三种方式(总结)_第8张图片
VS code 修改注释颜色的三种方式(总结)_第9张图片
找到自己要修改的主题文件夹,这里每个人可能都不一样,因为我是以 levelup主题为例,所以我找的文件是leveluptutorials.theme-levelup-0.1.2这个文件

VS code 修改注释颜色的三种方式(总结)_第10张图片
找到theme文件

VS code 修改注释颜色的三种方式(总结)_第11张图片

注意:这里文件每个小伙伴也会不一样,我的打开是levelup.json

VS code 修改注释颜色的三种方式(总结)_第12张图片
搜索comment找到name为comment的那段代码,修改如图

VS code 修改注释颜色的三种方式(总结)_第13张图片

好了,到这里三种方式我已介绍完毕,希望能对现在看这篇博客的你有所帮助!

你可能感兴趣的:(VScode学习,javascript,html5,前端)