如何修改Visual Studio Code的语法颜色?以LaTeX引用项为例
如何在VS Code中微调LaTeX引用项的语法高亮颜色
我刚好也折腾过VS Code里LaTeX语法高亮的微调,给你一步步说怎么弄:
1. 找到目标元素的Token Scope
VS Code不像Atom那样直接查看CSS作用域,但有内置工具能帮你定位语法对应的token:
- 按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令面板 - 输入并选择
Developer: Inspect Editor Tokens and Scopes - 鼠标点击你要修改的
abc98这类引用项,此时会弹出一个面板,找到Textmate scopes区域,这里显示的就是该元素对应的语法范围(比如可能是latex.citation.key或者latex.bibtex.key,具体取决于你用的LaTeX扩展),把这个scope记下来。
2. 通过用户设置自定义颜色
不需要编写完整主题,直接在VS Code的用户设置里添加规则即可:
- 按下
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板 - 搜索
editor.tokenColorCustomizations,点击编辑 in settings.json - 在json文件里添加类似下面的配置:
"editor.tokenColorCustomizations": { // 可选:只针对当前主题生效,把"你的主题名称"换成你正在用的主题名(比如"Monokai") "[你的主题名称]": { "textMateRules": [ { "scope": "latex.citation.key", // 这里填你刚才找到的scope "settings": { "foreground": "#ff4500", // 换成你想要的颜色代码 "fontStyle": "bold" // 可选:添加加粗/斜体等样式 } } ] } }- 如果想让修改对所有主题生效,直接去掉
[你的主题名称]这一层即可。
- 如果想让修改对所有主题生效,直接去掉
3. 验证并调整
保存settings.json后,回到你的LaTeX文件,就能看到引用项的颜色已经变化了。如果没生效,大概率是scope找错了——再用Inspect工具仔细看,有些元素可能对应多个scope,这时候可以把多个scope放在数组里,比如:
"scope": ["latex.citation.key", "string.quoted.double.latex"]
另外要注意,不同的LaTeX扩展(比如LaTeX Workshop)定义的语法scope可能略有差异,所以一定要用Inspect工具确认当前生效的scope。
内容的提问来源于stack exchange,提问作者Alex
相关产品推荐
相关产品推荐

