20个我最喜欢的VS Code主题

我是傲夫靠斯,欢迎关注我的公众号【前端工程师的自我修养】,搜索f2ef2e,每天更新。

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

如何给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 Plus Theme

点击安装

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

screenshot

7)Horizon Theme

点击安装

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

preview

8)Min Theme

点击安装

两种主题风格,Dark和Light

img

9)Nebula Theme

点击安装

一种主题风格

Theme Preview

10)Night Owl

点击安装

两种主题风格,Dark和Light

First Screen

Night Owl Frameworks

11)Noctis

点击安装

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

Noctis Screenshot

12)One Dark Pro

点击安装

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

ScreenShot

13)One Monokai Theme

点击安装

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

Theme Screenshot

14)Slack Theme

点击安装

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

img

15)Snazzy Plus

点击安装

两种风格,耐看系列

snazzy-plus-preview

16)SynthWave '84

点击安装

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

Neon glowing text

17)Shades of Purple

点击安装

一种风格,十分有特色

img

18)Winter is Coming Theme

点击安装

十分酷的蓝色风格

HTML

19)LaserWave

点击安装

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

screenshot

20)Firefox Theme

点击安装

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

Theme Preview

更多干货内容,欢迎关注我的公众号【前端工程师的自我修养】,搜索f2ef2e,每天更新。

  • 0
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: VSCode的美化通常通过安装主题和图标插件来实现。 1. 安装主题插件:在VSCode左侧的扩展面板中搜索“themes”,选择一个你喜欢主题进行安装,比如“Material Theme”或“Dracula”。 2. 安装图标插件:在扩展面板中搜索“icons”,安装一个图标主题,比如“Material Icon Theme”。 3. 调整设置:在VSCode的“设置”中找到“workbench.colorTheme”和“workbench.iconTheme”,将它们分别设置为你安装的主题和图标主题。 此外,你还可以安装其他插件来增强VSCode的美化效果,如“Bracket Pair Colorizer”可以为括号添加不同的颜色,让代码更易于阅读。 ### 回答2: VS Code编辑器的美化可以通过以下几个步骤来实现。首先,可以选择一个适合自己的主题VS Code提供了多种主题可供选择,通过在设置中搜索并选择心仪的主题,可以使编辑器界面更加美观。其次,可以考虑安装一些插件来增强编辑器的功能和美化界面。比如,可以安装一款图标主题插件,如"Material Icon Theme"或"VSCode Great Icons",使文件和文件夹图标更加美观。还可以安装一些代码格式化插件,如"Prettier"或"Beautify",来美化代码的排版和格式。此外,可以考虑安装一些代码片段插件,如"Live Server"或"Emmet",提高编码效率和便捷性。最后,可以自定义VS Code的设置来进一步美化编辑器。通过在设置中调整字体、颜色等参数,可以使编辑器界面更符合个人喜好。另外,VS Code还提供了一些自定义主题的扩展,可以根据个人喜好制作和使用自己的主题。总而言之,VS Code编辑器的美化可以通过选择合适的主题、安装适当的插件和自定义个性化设置实现。这样可以使编辑器界面更加美观,同时提高编码的效率和舒适度。 ### 回答3: VSCode是一款功能强大且广受欢迎的代码编辑器。为了使其界面更加美化,我们可以进行以下几个方面的操作。 首先,我们可以根据个人喜好和需求选择和安装适合自己的主题VSCode提供了众多主题可以供我们选择,包括浅色和深色主题。我们可以根据自己的审美偏好来选择适合自己的主题,比如选择一个高对比度的主题或者一个文艺气息的主题,以使编辑器界面更具个性和美感。 其次,我们可以通过安装扩展插件来定制和美化编辑器的外观。VSCode的市场上有很多插件可供我们选择,例如可以更改字体和大小的插件、可以自定义边框和图标样式的插件等等。通过安装这些插件,我们可以根据自己的偏好将编辑器的外观定制成自己想要的样式,使其更加符合个人喜好和审美观。 另外,我们还可以调整编辑器的布局和窗口分割,以最大化使用空间和提高工作效率。VSCode允许我们自由拖拽、调整窗口大小和布局,我们可以根据自己的需求灵活地分割编辑器窗口,使得多个文件或者不同的编辑器功能界面同时展示,提高我们的开发效率。 总而言之,VSCode作为一款强大的代码编辑器,我们可以通过选择合适的主题、安装插件以及调整布局和窗口分割来美化它的外观,使其更加适应个人喜好和提高工作效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值