主题之美，排名靠前的 10 个 VSCode 主题

痛定思痛。 2022-09-11 10:28 395阅读 0赞

> 作者：Muthu Annamalai Venkatachalam  
> 译者：前端小智  
> 来源：dev

> 有梦想，有干货，微信搜索 **【大迁世界】** 关注这个在凌晨还在刷碗的刷碗智。
> 
> 本文 GitHub [https://github.com/qq449245884/xiaozhi][https_github.com_qq449245884_xiaozhi] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

经常有读者问我，智哥，你 VSCode 主题是啥，好好看哦，能不能分享一下。刚好，今天(周天)看到 10 个好看的 VSCdoe 主题，其中第一个就是我使用的，这里分享给大家。

### 1) Dracula Official: ###

地址：https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula

![a2488e94877a71cb7faa0506aca5cec6.png][]

### 2) Shades of Purple: ###

地址：https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple

![479c084146c6fc3956777a53a65d3ad8.png][]

### 3) Winter is coming: ###

地址：https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming

**Winter is Coming Dark Blue Theme**

![e1df7e1f7b7b47638f4e345e6056ac44.png][]

**Winter is Coming Dark Black Theme**

![e1f28858763e12679258b135c179eb38.png][]

**Winter is Coming Light Theme**

![d4f21ab634c9f501dc9f347bcf86b363.png][]

### 4) Night Owl ###

地址：https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

**Night Owl**

![a16fcbb2fd174977c3d40f28766ebf5e.png][]

**Light Owl**

![d6be8b4fe8cfdb5f823cebe310c9ae38.png][]

### 5) LaserWave: ###

地址：https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave

![e79d596c59cbcc9088e7ff5d788edb8b.png][]

### 6) Firefox Theme ###

地址：https://marketplace.visualstudio.com/items?itemName=Heron.firefox-devtools-theme

**Firefox Dark**

![a431855f7bcc82111e17b213220d03e8.png][]

**Firefox Light**

![581cf40330882b3ae129adb7113310b6.png][]

### 7) One Dark Pro ###

地址：https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

![00d4559dba95f49fd23a589fd131c92e.png][]

### 8) Cobalt 2 ###

地址：https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2

![2de8c5ae1d3fe99ecc572652af0daedd.png][]

### 9) PaleNight ###

地址：https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme

![cddfd84c7d301caca693bbac2080001c.png][]

### 10) OutRun ###

地址：https://marketplace.visualstudio.com/items?itemName=samrapdev.outrun

**OutRun Night**

![45d4e1ba2f6be3c2bef7776b1f4b4d77.png][]

**OutRun Electric**

![76991feedefca9d8b69b0e52ae24b062.png][]

~~ 完，我是刷碗智，会所任模走起来！

–

**代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 [Fundebug][]。**

原文：https://dev.to/muthuannamalai12/top-10-vs-code-themes-3b60

### 交流 ###

> 有梦想，有干货，微信搜索 **【大迁世界】** 关注这个在凌晨还在刷碗的刷碗智。
> 
> 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

[https_github.com_qq449245884_xiaozhi]: https://github.com/qq449245884/xiaozhi
[a2488e94877a71cb7faa0506aca5cec6.png]: /images/20220828/1e3e6e0d27f94bac9c613a2e907c71e3.png
[479c084146c6fc3956777a53a65d3ad8.png]: /images/20220828/46c18130c63a4381a2340cbc249cd01f.png
[e1df7e1f7b7b47638f4e345e6056ac44.png]: /images/20220828/f7d87020045e4933a46ea023d31d6562.png
[e1f28858763e12679258b135c179eb38.png]: /images/20220828/87f7036dc5204d50a7ecc274823d1572.png
[d4f21ab634c9f501dc9f347bcf86b363.png]: /images/20220828/8fbf23d5af1741bfb28f672e19694a82.png
[a16fcbb2fd174977c3d40f28766ebf5e.png]: /images/20220828/b7c50de5e53142f6a0a4028cabaf0f46.png
[d6be8b4fe8cfdb5f823cebe310c9ae38.png]: /images/20220828/1b6356f555f94410a5ba9021e1f115d9.png
[e79d596c59cbcc9088e7ff5d788edb8b.png]: /images/20220828/e9e2a0cb579c476082729fab70ba813c.png
[a431855f7bcc82111e17b213220d03e8.png]: /images/20220828/06b31b270efb4d46a50f5a1816625991.png
[581cf40330882b3ae129adb7113310b6.png]: /images/20220828/e48aca14d4c74145ac803c748f4c9ed2.png
[00d4559dba95f49fd23a589fd131c92e.png]: /images/20220828/6baa4587207f4c0280c11ea605795420.png
[2de8c5ae1d3fe99ecc572652af0daedd.png]: /images/20220828/7ea5ce7d0fd5469aa8993d543d3e630a.png
[cddfd84c7d301caca693bbac2080001c.png]: /images/20220828/58a1ebbc83994d45a32cb306078f0336.png
[45d4e1ba2f6be3c2bef7776b1f4b4d77.png]: /images/20220828/620b115c34c8439cae16a2318c2981c1.png
[76991feedefca9d8b69b0e52ae24b062.png]: /images/20220828/b92f9098c0984a669c102de3bc37f72b.png
[Fundebug]: https://www.fundebug.com/?utm_source=xiaozhi