VSCode编辑器配色设置方案
·
推荐一个自用的配色方案,以及各个设置的具体含义:
"workbench.colorCustomizations": {
"editor.wordHighlightBorder": "#b20eafce", // 光标划选或单击选中时,与选择内容相同的区域边框颜色。一般针对非首次出现的变量
// "editor.wordHighlightBackground": "", // 光标划选或单击选中时,与选择内容相同的区域的颜色。一般针对非首次出现的变量
"editor.wordHighlightStrongBackground": "#b20eaf6f", //光标点击选中状态(写访期间)的背景颜色, 也即变量首次出现的选中背景颜色
"editor.selectionBackground": "#306498e8", //选中文本的背景颜色,针对所有,不区分变量和字符串
"editor.selectionHighlightBackground": "#1adc319d", // 光标划选时,与选择内容相同的区域的颜色。一般针对字符串
// "editor.wordHighlightTextBackground": "", //点击字符串时,自动分割的段落的背景色
"editor.lineHighlightBorder": "#146484", //光标所在行的边框颜色
"editorWhitespace.foreground": "#f4c079", //空格颜色
"tab.activeBackground": "#077290", //活动文件的标签颜色
},
记录一个坑
在本地项目设置时,用户的settings.json是存储在本地的。如果此时用remote打开远程服务器的项目,虽然也是用本地的settings.json渲染颜色,但是如果远程服务器的用户配置文件也存在同类别的颜色设置,那么会以远程的配色方案为主。
利用这个规则,可以实现本地和远程项目的不同配色方案。
如果要想两者配色一致的话,需要将远程服务器中的用户配置删除,具体做法是:
先快捷键Ctrl + Shift + P,输入并选择 Preferences: Open Remote Settings (JSON)。然后在这个打开的配置文件中,删除与本地配置相同的设置项。
再放一个链接,这里是官方对颜色配置项的详细解释:https://vscode.js.cn/api/references/theme-color
更多推荐
所有评论(0)