0

0

【整理分享】20个实用又好看VSCode主题 ,值得收藏!

青灯夜游

青灯夜游

发布时间:2022-12-23 19:35:29

|

7128人浏览过

|

来源于掘金社区

转载

本篇文章给大家分享20款实用又好看的vscode主题,里面总有一款适合你,快来收藏使用吧,希望对大家有所帮助!

【整理分享】20个实用又好看VSCode主题 ,值得收藏!

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

如何给VS Code更换主题

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

01d62295cd6ffa7adb8f16db0b662b4d

1)Ayu

点击安装

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

vscode-ayu

2)Cobalt2 Theme Official

点击安装

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

Preview

3)Material Theme

点击安装

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

image-20210906142832997

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)

大家可以挑喜欢的选吧

image-20210906134755649

5)Dracula Official

点击安装

只有一种主题,非常经典

img

6)GitHub Theme

点击安装

Github官方出品的主题,细节到位

image.png

7)Horizon Theme

点击安装

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

preview

8)Min Theme

vscode教程0

两种主题风格,Dark和Light

img

9)Nebula Theme

vscode教程1

一种主题风格

Theme Preview

10)Night Owl

vscode教程2

两种主题风格,Dark和Light

First Screen

Clay AI
Clay AI

Clay AI 是一款可以将人物照片转换为粘土风格图像的AI工具,Clay AI:利用粘土动画让角色栩栩如生

下载

Night Owl Frameworks

11)Noctis

vscode教程3

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

Noctis Screenshot

12)One Dark Pro

vscode教程4

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

ScreenShot

13)One Monokai Theme

vscode教程5

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

Theme Screenshot

14)Slack Theme

vscode教程6

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

img

15)Snazzy Plus

vscode教程7

两种风格,耐看系列

snazzy-plus-preview

16)SynthWave '84

vscode教程8

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

Neon glowing text

17)Shades of Purple

vscode教程9

一种风格,十分有特色

img

18)Winter is Coming Theme

编程教学0

十分酷的蓝色风格

HTML

19)LaserWave

编程教学1

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

screenshot

20)Firefox Theme

编程教学2

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

Theme Preview

更多关于VSCode的相关知识,请访问:编程教学3!

相关专题

更多
Sass和less的区别
Sass和less的区别

Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

202

2023.10.12

github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

494

2026.01.21

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

709

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1128

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

799

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

454

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2351

2023.08.08

windows自动更新
windows自动更新

Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新,以提高系统的稳定性和安全性。然而,有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

823

2023.08.10

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

58

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号