vscode中js、vue部分代码为白色的解决方法
在VSCode中,如果JavaScript(js)和Vue文件中的代码显示为白色,这通常意味着主题被设置为了具有高对比度的主题,如"High Contrast"主题。若要恢复正常的代码颜色,可以选择一个不同的主题,或者在当前主题的设置中调整颜色主题。
解决方法:
更改VSCode的主题:
- 打开VSCode。
- 前往“文件” > “首选项” > “设置”(在Windows上或“Code” > “首选项” > “设置”在Mac上)。
- 在搜索框中输入
color theme
,然后从列表中选择一个新的主题,如Default Dark+
或One Dark Pro
。
在当前主题中调整颜色:
- 打开VSCode设置(快捷键
Ctrl
+,
)。 - 在搜索框中输入
workbench.colorTheme
,查看当前主题。 - 在设置中搜索
text
,找到与你的文件类型相关的颜色设置(例如,javascript.syntax.object
)。 - 点击设置旁边的齿轮图标,选择“在settings.json中编辑”。
- 调整相关颜色代码,例如将
"workbench.colorCustomizations": {}
内的颜色设置为你想要的颜色。
- 打开VSCode设置(快捷键
请注意,如果你使用的是高对比度主题,可能需要调整主题才能恢复正常的代码颜色。如果你需要保持对比度高的需求,请确保所做的更改不会影响可读性。
评论已关闭