2021 年 VS Code 主题推荐

￡神魔★判官ぃ 2022-08-28 10:51 218阅读 0赞

点击上方 前端瓶子君，关注公众号

回复算法，加入前端编程面试算法每日一题群

一个好的工作环境，离不开一个好的生产力工具（高配电脑）、一个高分辨率显示器（27 寸 4 K）、一个人体工学椅和一套优良的键鼠。

![6154f87a32d8a34146cd4ff7ba9d9fd7.png][] 8cd11ecf69d64849c073e82397e43d2c.jpg

当然说完了硬件，我们的软件也要用的舒服。

这篇文章给大伙推荐一波我最喜欢的几个 VS Code 主题，希望可以给大家一点帮助。

![929170070865d8c27620a0f25dc50e09.png][]![e6d80ddf2d3a550cf6dd76f933cbcefb.png][]![656529fde6759cf6d687c5a02fb51b2b.png][]

## 赛博朋克 - SynthWave '84 ##

你还记得 84 年那个无尽的夏天吗？自上而下在海洋高速公路上巡航，我们的头发和头上的风在霓虹灯梦中嗡嗡作响？

![33d5a848c3a65626f2419cc33e01863d.png][] theme.jpg

这种配色方案受到现代 Synthwave 乐队（如 FM-84、Timecop 1983 和 The Midnight）的音乐和封面艺术的影响。

上图使用的字体是 Fira Code\[2\] ，如果你也是连体字的老粉了，那拿去吧你！

## 时髦的编码者 - Snazzy Operator\[3\] ##

本人现在正在用的就是这个主题，搭配 Fira code 字体效果更佳哦。配色方案很柔和，吸引眼球，强烈推荐！

![d6f7553384d64ee44b9c420a502811a7.png][] preview.png

## 诺克提斯 - Noctis\[4\] ##

Noctis 是明暗主题的集合，具有暖色和冷色**中等对比**色的均衡混合。

主要特点：

*  对眼睛很舒服，从而减少眼睛疲劳
 *  赋予主题颜色语义意义

> 温馨提示：这里截图中使用的字体是Cartograph CF\[5\]～

### Noctis ###

非常饱和的非常暗的冷蓝青色。

![1dc1e145c965debcbf33f124c7934cfd.png][] noctis.png

### Noctis Bordo ###

非常不饱和非常深的暖玫瑰。

![d8f37e1e2e3a43c3837ab619138bb2b9.png][] noctisBordo.png

### Noctis Uva ###

不饱和的深冷蓝色。对于那些更斯巴达口味的人。

![3b7997a3735090124cc689ac9f583126.png][] NoctisUva.png

### Noctis Lux ###

非常饱和的非常浅的暖橙色。

![4117d6f1a90ee4f3b860e1a6aecfc59b.png][] noctisLux.png

## 暗黑 - One Dark Pro\[6\] ##

这个主题大家可能都比较熟悉了。

这是 Atom 标志性的 One Dark 主题，也是 VS Code 安装最多的主题\[7\]之一！

如果你偏向于喜欢一个经典耐看的主题，那赶紧下载这一款吧！！！

### 经典 ###

![3c9b0c48f919d3b4173945bed6990460.png][] normal.png

### 终端 ###

![ed58d2d1800e79a5f86eb7044b3c1b4b.png][] wecom-temp-845a6981b2c583a893fafdca9d6e3e22.png

--------------------

\--- 分割线 ---

--------------------

> 下面是两个彩蛋！！！![6dc6bcdefc088c5cce4035f99237202d.png][]![81c7f4aad5c6c9af551d58784f1cfd6a.png][]![af4056114bba8a4cd6c4c0fb9594a277.png][]

## 毛玻璃 - Vibrancy\[8\] ##

想体验一下类似 ios 系统的毛玻璃效果吗？这款插件，你值得拥有。

### 支持的操作系统 ###

Windows 10 ✔

MacOS ✔

### 效果 ###

![3e30fde0078f4b6f0be424488fe9e0ee.png][] screenshot-1024x644.png

## 真力打字 - Power Mode\[9\] ##

想在写代码的时候狂拽酷炫吊炸天吗？这款特效插件，为你量身定做。

赶紧来选择一款你最喜欢的特效吧！

### 粒子 ###

![72f07afde0e8688e289f0a787c78d40b.gif][]

demo-presets-particles.gif

### 烟花 ###

![ec2e435ac51bc20a9088646e0638eec8.gif][]

demo-presets-fireworks.gif

### 火焰 ###

![549277c1cf7175f33d0f39a3f95539ce.gif][]

demo-presets-flames.gif

### 魔法 ###

![ad848bf9e483d7401bc9eb7588193dac.gif][]

demo-presets-magic.gif

### 剪贴画 ###

![15b94bdb384fcb6d7f2b356d335ca866.gif][]

demo-presets-clippy.gif

**感谢你花费宝贵的时间阅读本文，如果本文给了你一点点帮助或者启发，请不要吝啬你的赞和关注，你的支持是作者持续创作的动力。**

本文作者：gyx\_这个杀手不太冷静

本文链接：https://juejin.cn/post/7005744715144364046

![1223946587728e3b4be4954ada7280ab.png][]

## 最后 ##

欢迎关注【前端瓶子君】✿✿ヽ(°▽°)ノ✿

回复「算法」，加入前端编程源码算法群，每日一道面试题（工作日），第二天瓶子君都会很认真的解答哟！

回复「交流」，吹吹水、聊聊技术、吐吐槽！

回复「阅读」，每日刷刷高质量好文！

如果这篇文章对你有帮助，「在看」是最大的支持

》》面试官也在看的算法资料《《

“在看和转发”就是最大的支持

[6154f87a32d8a34146cd4ff7ba9d9fd7.png]: /images/20220828/f4d12ae0512a4037b44a239b0fd82c8d.png
[929170070865d8c27620a0f25dc50e09.png]: https://img-blog.csdnimg.cn/img_convert/929170070865d8c27620a0f25dc50e09.png
[e6d80ddf2d3a550cf6dd76f933cbcefb.png]: https://img-blog.csdnimg.cn/img_convert/e6d80ddf2d3a550cf6dd76f933cbcefb.png
[656529fde6759cf6d687c5a02fb51b2b.png]: /images/20220828/9003c0a0cbe445caad33d65a382a03cb.png
[33d5a848c3a65626f2419cc33e01863d.png]: /images/20220828/6148ba689d794a7796cfa528f79dd5fb.png
[d6f7553384d64ee44b9c420a502811a7.png]: /images/20220828/8c8b284b2f2e44caa2b82cfb577e3272.png
[1dc1e145c965debcbf33f124c7934cfd.png]: /images/20220828/dbe5079d38094df480b7eb3940c56236.png
[d8f37e1e2e3a43c3837ab619138bb2b9.png]: /images/20220828/42ddd7a54f254fc5a57f886d50f63756.png
[3b7997a3735090124cc689ac9f583126.png]: /images/20220828/4a4ea85f019e4b34aea64f408242549e.png
[4117d6f1a90ee4f3b860e1a6aecfc59b.png]: /images/20220828/aa628a4fdb2b4a0fb66f77781463bc06.png
[3c9b0c48f919d3b4173945bed6990460.png]: /images/20220828/d2ce3f08be574f05bd2565923c70c0ab.png
[ed58d2d1800e79a5f86eb7044b3c1b4b.png]: /images/20220828/eaef7f42fe81458ebd4e9c6cfb4969b6.png
[6dc6bcdefc088c5cce4035f99237202d.png]: https://img-blog.csdnimg.cn/img_convert/6dc6bcdefc088c5cce4035f99237202d.png
[81c7f4aad5c6c9af551d58784f1cfd6a.png]: https://img-blog.csdnimg.cn/img_convert/81c7f4aad5c6c9af551d58784f1cfd6a.png
[af4056114bba8a4cd6c4c0fb9594a277.png]: /images/20220828/d1754e2f755345f28ad74bd9c6f74b64.png
[3e30fde0078f4b6f0be424488fe9e0ee.png]: /images/20220828/43e4f3207b4c41ada8a38f3aa706e148.png
[72f07afde0e8688e289f0a787c78d40b.gif]: /images/20220828/2d5e1d638bef4524bf4a593a0a3e945b.png
[ec2e435ac51bc20a9088646e0638eec8.gif]: /images/20220828/5e73913ba1084ca6abb73579de865356.png
[549277c1cf7175f33d0f39a3f95539ce.gif]: /images/20220828/3921ec66b3354c2fb3f176fccf31c126.png
[ad848bf9e483d7401bc9eb7588193dac.gif]: /images/20220828/8f9c4f38dc9e45b49960ac2d014ad91c.png
[15b94bdb384fcb6d7f2b356d335ca866.gif]: /images/20220828/625ea94859504651b17ed3b370a9b1cd.png
[1223946587728e3b4be4954ada7280ab.png]: /images/20220828/e5f47908ad22471b840a3f0e410090c4.png