在每天写代码的时候，改变一个编辑器的主题风格，是一件很开心的事情。在WebStorm或其他编辑器中，更换主题可能是一个很麻烦的事情，但这在VS Code中，一切都变得那么简单，只需要一个快捷键就可以更换，而且在选择过程中还可以看到实时的展示效果。下面是我常用的比较喜欢的20个主题风格。

如何给VS Code更换主题

• Mac用户
  • ⌘K 然后 ⌘T，会显示出所有的主题列表，按上下键可修改主题
  • ⌘ + ⇧ + P , 在输入框中color theme，然后回车，同样也会进入主题列表
• Windows用户
  • Ctrl + Shift + P

1）Ayu

点击安装

有三种主题模式，Light、Mirage、Dark，我比较喜欢它的Mirage、Dark，非常酷。

2）Cobalt2 Theme Official

点击安装

只有一种主题，非常的经典，也很不错

3）Material Theme

点击安装

有五种主题模式，默认、Darker、Lighter、Ocean、Palenight，我比较喜欢Palenight。

4）Dainty

点击安装

这个就比较狠了，它有很多预设主题

• Andromeda (andromeda)
• Ardent (ardent)
• Ayu Mirage (ayu-mirage)
• City Lights (city-lights)
• Dark+ (dark-plus)
• Dark+ Reimagined (dark-plus-reimagined)
• Fluent (fluent)
• Material Theme Ocean (material-theme-ocean)
• Material Theme (material-theme)
• Minimal (minimal)
• Mirage (mirage)
• Monokai Night (monokai-night)
• Monokai (monokai)
• Nord (nord)
• Oceanic Next (oceanic-next)
• Panda Theme (panda-theme)
• Pivot (pivot)
• Purple Haze (purple-haze)
• Snazzy Theme (snazzy-theme)
• Timbre (less chroma) (timbre-less-chroma)
• Timbre (timbre)
• Tomorrow Night Eighties (tomorrow-night-eighties)

大家可以挑喜欢的选吧

5）Dracula Official

点击安装

只有一种主题，非常经典

6）GitHub Plus Theme

点击安装

只有一种主题，很Github的风格

7）Horizon Theme

点击安装

两种主题风格，Horizon Bright粉粉的风格，特别适合女孩子

8）Min Theme

点击安装

两种主题风格，Dark和Light

9）Nebula Theme

点击安装

一种主题风格

10）Night Owl

点击安装

两种主题风格，Dark和Light

11）Noctis

点击安装0

有11种主题，8个是暗色风格，3个是亮色风格

12）One Dark Pro

点击安装1

一种风格，也是很经典耐用风格

13）One Monokai Theme

点击安装2

一种风格，也是很经典耐用风格

14）Slack Theme

点击安装3

多达11种风格，每一种都很经典，我最喜欢Slack Theme Aubergine

15）Snazzy Plus

点击安装4

两种风格，耐看系列

16）SynthWave '84

点击安装5

一种风格，很有特色，代码像发光一样

17）Shades of Purple

点击安装6

一种风格，十分有特色

18）Winter is Coming Theme

点击安装7

十分酷的蓝色风格

19）LaserWave

点击安装8

是一个很好看的，简洁的风格

20）Firefox Theme

点击安装9

两种Firefox风格，非常有特色，非常显眼的边框

原文地址：https://juejin.cn/post/7005020254114910216作者：傲夫靠斯

更多编程相关知识，请访问：点击安装0！！

# vscode  # firefox  # less  # github  # windows  # webstorm  # https  # 两种  # 是一个  # 比较喜欢  # 主题列表  # 也会  # 还可以  # 有很多  # 很有  # 一切都  # 最喜欢 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 网站制作大概要多少钱一个,做一个平台网站大概多少钱？  Laravel如何实现API资源集合？（Resource Collection教程）  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  如何正确选择百度移动适配建站域名？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  千库网官网入口推荐 千库网设计创意平台入口  Laravel如何使用Vite进行前端资源打包？（配置示例）  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Laravel如何使用Facades（门面）及其工作原理_Laravel门面模式与底层机制  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何彻底删除建站之星生成的Banner？  深圳网站制作的公司有哪些,dido官方网站？  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  文字头像制作网站推荐软件,醒图能自动配文字吗？  如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何快速启动建站代理加盟业务？  Android okhttputils现在进度显示实例代码  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  微信h5制作网站有哪些,免费微信H5页面制作工具？  Laravel API资源类怎么用_Laravel API Resource数据转换  Java Adapter 适配器模式（类适配器，对象适配器）优缺点对比  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  公司门户网站制作流程,华为官网怎么做？  详解Huffman编码算法之Java实现  零服务器AI建站解决方案：快速部署与云端平台低成本实践  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  如何用腾讯建站主机快速创建免费网站？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  个人摄影网站制作流程,摄影爱好者都去什么网站？  Laravel如何生成URL和重定向？（路由助手函数）  Laravel Fortify是什么，和Jetstream有什么关系  Laravel如何使用Sanctum进行API认证？（SPA实战）  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  JavaScript模板引擎Template.js使用详解  如何在阿里云域名上完成建站全流程？  node.js报错：Cannot find module 'ejs'的解决办法  JS中对数组元素进行增删改移的方法总结  详解MySQL数据库的安装与密码配置  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  如何正确下载安装西数主机建站助手？