VsCode修改注释颜色以及鼠标滚动调整字体大小

妖狐艹你老母 2023-09-27 09:41 47阅读 0赞

## 前言 ##

今天发现vscode代码字体颜色很小，默认的注释颜色居然是绿色的！

看着特别难受，然后就试着修改了下，在此记录一下

## 修改注释颜色 ##

我们打开 文件-》首选项-》设置 搜索字体,然后在settings.json文件中设置

这个settings.json文件应该可以设置挺多的地方的，后面我会继续研究相关配置，感觉可以直接复制别人配置好的直接用  
![在这里插入图片描述][c0e3e4f1c47d4856979e0efcf05ff2f3.png]

然后编写设置注释背景颜色

主要就是这点代码  
![在这里插入图片描述][a7941153c7684c5393759136a24054f7.png]

{
        
        "explorer.confirmDelete": false,
        "files.autoSave": "afterDelay",
        "workbench.colorTheme": "Visual Studio Light",
        "files.associations": {
        
            "*.html": "vue"
        },
        "[html]": {
        
        
            "editor.suggest.insertMode": "replace"
        },
        "editor.mouseWheelZoom": true,
        "editor.fontWeight": "normal",
        "editor.fontLigatures": false,
        "editor.tokenColorCustomizations": {
        
            "comments": "#a9a0a0", // 注释颜色
        },
    }

然后保存，查看代码，颜色已经改变了  
![在这里插入图片描述][05f818b60ce545809bccd735afbf94a6.png]

## 鼠标滚动调整字体大小 ##

我们打开 文件-》首选项-》设置  
![在这里插入图片描述][023b1004129c44e9897a42c1fac163d6.png]  
然后输入mousewheel，把这个选项勾选上  
![在这里插入图片描述][b55e85b5c2bb446cbe6191111d2e6c15.png]  
然后就可以自由通过鼠标齿轮调整字体颜色了

[c0e3e4f1c47d4856979e0efcf05ff2f3.png]: https://img-blog.csdnimg.cn/c0e3e4f1c47d4856979e0efcf05ff2f3.png
[a7941153c7684c5393759136a24054f7.png]: https://img-blog.csdnimg.cn/a7941153c7684c5393759136a24054f7.png
[05f818b60ce545809bccd735afbf94a6.png]: https://img-blog.csdnimg.cn/05f818b60ce545809bccd735afbf94a6.png
[023b1004129c44e9897a42c1fac163d6.png]: https://img-blog.csdnimg.cn/023b1004129c44e9897a42c1fac163d6.png
[b55e85b5c2bb446cbe6191111d2e6c15.png]: https://img-blog.csdnimg.cn/b55e85b5c2bb446cbe6191111d2e6c15.png