性能远超 Atom 和 Webstorm 的 Visual Studio Code (简称 VS Code / VSC) 已经成为很多工程师的选择,它的免费、开源、多平台,以及集成 Git,代码调试,插件丰富等特点,被大家逐渐熟知和认可。作为一名爱写代码的设计师,我偶尔也会使用 VS Code 编辑器写点小代码,至于软件的界面和配色,也难免会有点自己的偏好。
VS Code 有很多插件可以改变颜色配色方案和侧边栏中的图标,以下是我整理和推荐的插件,可以试试。
配色方案插件
源于 Atom 的 One Dark Theme,在配色上 One Dark Pro 要更为丰富一些。我当前就是用这个主题插件,不二之选。界面效果如下:
 Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04](图1)](https://yayu.net/wp-content/uploads/2018/12/one-dark-pro-js-scaled.webp)
如果你对 Atom 一直恋恋不舍,有可能是对它的这个界面配色方案所吸引,真的十分优雅,也十分值得推荐。界面效果如下:
 Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04](图2)](https://yayu.net/wp-content/uploads/2018/12/Atom-One-Dark-Theme-preview.webp)
一个简单而又干净的主题,有很多配置选项,有5种配色方案,并带有文件图标设计。界面效果如下:
 Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04](图3)](https://yayu.net/wp-content/uploads/2018/12/Material-Theme.webp)
来自原 Monokai 的创作者,Monokai Pro 让我们摆脱干扰,直接进入代码,是一套极具现代化的功能配色方案,插件带有文件图标设计。界面效果如下:
 Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04](图4)](https://yayu.net/wp-content/uploads/2018/12/Monokai-Pro-scaled.webp)
Dracula Official 是受到很高评价的一款主题,配色方案可以让人感到平静,暗淡的紫色会让你觉得它有一种特殊的魅力。插件带有文件图标设计。界面效果如下:
 Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04](图5)](https://yayu.net/wp-content/uploads/2018/12/Dracula-Official.webp)
侧栏图标插件
如果安装一款强大的配色方案还不足够,那必须选择一款精美的图标设计,才能满足你对视觉的要求了。
目前在插件库的主题分类中排行第一的插件,该有的图标都有了。效果预览如下:
![]()
延续 Material 的扁平风格,图标设计十分精美,赏心悦目。效果预览如下:
![]()
下载量也很高的一款图标插件,整体设计中规中矩。效果预览如下:
![]()
主题配色方案和图标设计虽然不会对你写的代码逻辑产生什么影响,但对你的工作效率的提升确实有帮助,好的搭配能让你更加容易识别代码和沉下心来,不妨试试。
本文有 2 条评论
请问要怎么安装工具及插件呢?
在软件的最左侧有列图标,里面有个扩展应用商店,直接搜索安装。