让VSCode更美

2,601 阅读2分钟

\quad漂亮的编辑器可以让写代码的心情也变好呢,对于每天都见面的VSCode,当然要看起来尽可能漂亮啦,本文就介绍一下自己目前使用的方案吧~

半透明背景

  • 如果你正在使用Windows系统,那么推荐Glasslt-VSC扩展,安装之后可以自由调节透明度
  • 如果正在用Linux系统,可以尝试Glasslt Linux,要注意看扩展的README文件哦
  • 如果想要加入毛玻璃效果,可以尝试一下我在Manjaro Linux i3桌面下的方案,使用改动版的 compton 并添加VSCode相关的配置文件,GUI配置可以通过 compton-conf 来实现,具体毛玻璃效果的配置方法请参考官方文档。顺便一提,理论上有了这个方法就可以毛玻璃化所有的窗口哦

优美的字体

  • 第一个要推荐的是 Fira Code ,支持连字,配置也很容易,在releases页面下载安装后修改settings.json即可,注意设置"editor.fontLigatures": true
  • 第二个推荐的字体是 Operator Mono Lig ,斜体字灰常飘逸优雅,不过安装相对有点麻烦:
    • 首先要下载原版的Operator Mono字体,系统中需要有Python 2.7+Node.js并使用pip安装了fonttools
    • 之后克隆Git仓库到本地,按照README的格式要求命名原版字体的otf文件,移动到original文件夹
    • 运行npm install并执行build操作,输出字体会出现在build文件夹里
    • 配置settings.json,比如:
    "editor.fontFamily": "Operator Mono Lig",
    "editor.fontLigatures": true,
    "editor.fontWeight": "500",
    

和谐的主题

  • 为了更好地适配Operator Mono Lig的斜体特性,推荐下面三个主题:
    • Horizon Italic:来自Horizon Theme,相应的Light Theme也很漂亮
    • Community Material Theme Palenight:来自Material Theme
    • Palenight Operator:来自Palenight Theme
  • 不考虑适配斜体字的问题,还推荐One Dark Pro,不过这个应该已经很出名了哈哈

神奇的扩展

  • 想要更具艺术性的结合?不妨来看看Daily Tarot扩展吧,传送门:点我
  • 嘻嘻,不小心打了个广告...基本上个人的美化方案就是这些了,欢迎讨论交流哦~