VS Code 界面美化¶
预计阅读时长 : 5 分钟
像我这样的强迫症患者,总是压抑不住内心地想要掌控一切细节的欲望。面对 VS Code 这把天天都要把玩的瑞士军刀,也希望除了功能之外,外观上也能按照自己的偏好进行全面的个性化定制。
字体美化¶
相对于更偏向于表面的主题美化,字体的选择更能触及灵魂。作为将 VS Code 视为日常工作码字神器,我选择的字体是 更纱黑体 ⧉。
这两者配合起来使用的优势在于中英文的字体大小接近一致,字与字之间的间隔看起来非常舒服,而且英文字体支持连字符,写代码的时候一些特殊的字符也可以很 😎 的显示出来。
主题美化¶
搞定了字体,我们接着对大家喜闻乐见的主题(Theme)进行美化。主题主要影响两个方面,一方面是外观颜色,另一方面是语法高亮。俗话说,萝莉人妻各有所爱,建议大家也别看什么主题推荐了,直接到官网主题页面 ⧉去挨个尝试,看看哪个最合自己的口味直接选用就好了。
当千挑万选找到了一个心仪的主题,却对某些小细节依旧不甚满意时,还可以通过自定义的配置文件进行进一步的修改。具体的配置项定义见此:VSCode 自定义配色方案 ⧉。
如果你像我一样,选中了一个主题就喜欢从一而终,那么直接在自定义的 Setting 文件中修改即可,具体的属性值示例如下,可以根据自己的需求添加和调整。
图标美化¶
然后,必须美化的还包括侧边栏和文件标签中的文件图标。VSCode 原生的文件图标的辨识度的确不太好,建议根据自己的喜好,选择一个更顺眼的方案。目前比较好的方案包括以下几种:
样式美化¶
最后,对于一个强迫症患者的倔强,还有最大的挑战是自定义侧边栏、状态栏、标签栏的样式。由于目前微软大爷并没有开放相应的 API,所以能找到的方案都十分 Geeky,在此列出仅供参考。
- Customize UI ⧉:调整边栏菜单图标的位置以及应用控件字体
- VSCode hide top-right icons ⧉:隐藏标签栏右上角的图标
- 如何配置透明发光的骚气 VSCode ⧉:对整体的页面效果进行深度配置(效果见下方网络图片)