VS Code中能否修改代码粗体字重?
修改VS Code中粗体字重的方法
可以通过两种方式实现自定义粗体字重:
1. 用自定义CSS覆盖样式
VS Code支持通过自定义CSS调整编辑器样式,步骤如下:
- 打开设置面板,搜索
workbench.settings.editor,将设置编辑器切换为JSON格式 - 在
settings.json中添加配置,启用自定义CSS加载:"vscode_custom_css.imports": [ "file:///你的本地路径/custom.css" ], "vscode_custom_css.policy": true - 创建
custom.css文件,写入以下代码(把600替换成你需要的字重数值,比如700、800):/* 覆盖所有语法高亮的粗体元素 */ .mtk1.bold, .mtk2.bold, .mtk3.bold, /* 针对类名、函数名等特定词法单元 */ .token.class-name, .token.function, .bold { font-weight: 600 !important; } - 重启VS Code后,自定义粗体字重即可生效
2. 修改主题的语法高亮配置
如果你使用的是可编辑的自定义主题,直接修改主题配置即可:
- 找到主题所在的扩展目录(通常在
~/.vscode/extensions/主题名称下),打开package.json - 在
contributes.configuration.tokenColors中,找到对应类名、函数名的规则,添加或修改fontWeight属性:{ "scope": "entity.name.class", "settings": { "fontWeight": "600" } } - 保存配置并重启VS Code,新的粗体字重就会应用到对应词法单元上
注意:第一种方法需要先安装vscode-custom-css插件;如果是官方主题,建议复制一份后再修改配置,避免更新主题时丢失自定义设置。
内容的提问来源于stack exchange,提问作者Dante
相关产品推荐
相关产品推荐

