vscode自定义注释颜色等

参考:https://www.jianshu.com/p/975b009f9c4a

1、打开设置
在这里插入图片描述
2、打开setting.json

点击{}即可;
在这里插入图片描述
3、粘贴代码(直接粘贴到最底部就行了,注意写逗号分隔哦)

{
    "workbench.colorTheme": "Solarized Light",
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },

    "editor.tokenColorCustomizations": {
        "comments": {
            // 设置字体样式 加粗 下划线 斜体等
            "fontStyle": "",
            // 设置字体颜色
            "foreground": "#4CAEE2"
        }, // 注释
         "keywords": "#0a0", // 关键字
         "variables": "#f00", // 变量名
         "strings": "#e2d75dbd", // 字符串
         "functions": "#5b99fcc9", // 函数名
         "numbers": "#AE81FF" // 数字
    },
    "window.zoomLevel": 1
}

4、效果:
在这里插入图片描述

修改右侧字体大小:
https://www.cnblogs.com/gispathfinder/p/12287605.html

在这里插入图片描述

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vscode 是一款广受欢迎的开源代码编辑器,它具有丰富的扩展插件和自定义功能。其中一个重要的自定义功能就是添加自定义注释图案。 注释在代码中起着非常重要的作用,可以提高代码阅读的效率和代码可维护性。而自定义注释图案则更能使代码的视觉效果更加美观和清晰。 使用 vscode 添加自定义注释图案非常简单,只需按照以下步骤即可: 1. 打开 vscode 编辑器,进入 User Settings(按下快捷键 `Ctrl + ,`,或者点击左下角的“设置”图标)。 2. 在左侧的菜单栏中,找到“Extensions”选项,点击展开。 3. 在“Extensions”选项下找到“Edit in settings.json”按钮,或者直接搜索“editor.tokenColorCustomizations”并点击“编辑”。 4. 编辑 `tokenColorCustomizations`,可以根据自己的喜好来添加自定义注释图案。例如: ``` // 添加自定义注释图案 "tokenColorCustomizations": { "comments": { "fontStyle": "italic", "foreground": "#999999", "iconPath": "c:/users/yourusername/Desktop/mylogo.png", "iconWidth": "16px", "iconHeight": "16px" } } ``` 上面的例子中,我们添加了一个自定义注释图案,其中 `iconPath` 参数表示指定注释图标的路径,`iconWidth` 和 `iconHeight` 则表示指定注释图标的宽度和高度。 另外,可以在 `foreground` 参数中指定注释的字体颜色和样式,比如加粗或斜体,使注释更加突出和易读。 总的来说,使用 vscode 添加自定义注释图案非常简单,只需要运用一些基本的 CSS 样式知识,即可让注释更加生动和易读,提高编码效率和质量。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值