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

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

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

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

如何给VS Code更换主题

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

01d62295cd6ffa7adb8f16db0b662b4d

1)Ayu

vscode

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

vscode-ayu

2)Cobalt2 Theme Official

vscode

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

Preview

3)Material Theme

vscode

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

image-20210906142832997

4)Dainty

vscode

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

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

vscode

只有一种主题,非常经典

img

6)GitHub Theme

vscode

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

image.png

7)Horizon Theme

vscode

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

preview

8)Min Theme

vscode

两种主题风格,Dark和Light

img

9)Nebula Theme

vscode

一种主题风格

Theme Preview

10)Night Owl

vscode

两种主题风格,Dark和Light

First Screen

Night Owl Frameworks

11)Noctis

vscode

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

Noctis Screenshot

12)One Dark Pro

vscode

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

ScreenShot

13)One Monokai Theme

vscode

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

Theme Screenshot

14)Slack Theme

vscode

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

img

15)Snazzy Plus

vscode

两种风格,耐看系列

snazzy-plus-preview

16)SynthWave ’84

vscode

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

Neon glowing text

17)Shades of Purple

vscode

一种风格,十分有特色

img

18)Winter is Coming Theme

vscode

十分酷的蓝色风格

HTML

19)LaserWave

vscode

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

screenshot

20)Firefox Theme

vscode

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

Theme Preview

更多关于VSCode的相关知识,请访问:vscode!

以上就是【整理分享】20个实用又好看VSCode主题 ,值得收藏!的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3046767.html

(0)
上一篇 2025年3月13日 18:26:03
下一篇 2025年3月13日 18:26:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vscode插件分享: 6个Vue3开发必备插件

    本篇文章给大家整理分享 6 个 vue3 开发必备的 vue 插件,可以直接用过 vscode 的插件中心直接安装使用,希望对大家有所帮助! vue、vue、vue】 而随着 Vue3 正式版发布,Vue 团队官方推荐 vue 插件来代替 …

    2025年3月13日 编程技术
    200
  • vscode怎么搜索文件

    使用 Visual Studio Code(VSCode)搜索文件的方法为:使用快捷键 Ctrl/Cmd + Shift + F 打开搜索框。输入文件名或内容,并可使用通配符、正则表达式和排除语法。指定搜索范围:当前文件、活动文件、工作区或…

    2025年3月13日
    200
  • vscode怎么全局搜索内容

    在 Visual Studio Code 中进行全局搜索:按下 Ctrl + Shift + F(Windows/Linux)或 Cmd + Shift + F(macOS),启用“查找”面板。输入要查找的文本或模式,并选中“在所有已打开文…

    2025年3月13日
    200
  • vscode怎么批量修改内容

    在 VSCode 中批量修改内容可通过以下方式实现:多选修改:同时选择文本行或区域进行修改。查找和替换:使用查找和替换查找和批量替换文本。正则表达式查找和替换:使用正则表达式进行更高级的查找和替换。工作区范围内的搜索和替换:在整个工作区内进…

    2025年3月13日
    200
  • vscode怎么同时编辑多行

    VS Code提供了多种同时编辑多行的功能,包括:矩形选择:绘制矩形选择需要编辑的区域。多选光标:按住 Alt/Option 键的同时使用方向键或鼠标选择要编辑的行。编辑中的查找和替换:在“查找”面板中输入要查找和替换的文本,选中“使用正则…

    2025年3月13日
    200
  • vscode如何全局搜索

    在 VS Code 中进行全局搜索非常简单:打开“查找”面板(Ctrl + Shift + F)。输入搜索查询。配置搜索选项(可选)。执行搜索。导航搜索结果(Enter 打开文件,F4/Shift + F4 导航匹配项)。 在 Visual…

    2025年3月13日
    200
  • vscode如何设置全局搜索

    在 Visual Studio Code 中设置全局搜索:打开“设置”并搜索“全局搜索”。配置设置,包括包含/排除文件夹、文件排除模式、结果限制和最大文件大小。按 Ctrl + Shift + F(Windows/Linux)或 Cmd +…

    2025年3月13日
    200
  • vscode如何全局搜索代码

    通过以下步骤在 VSCode 中进行全局代码搜索:打开 VSCode,按下快捷键,进入搜索框。输入搜索内容,选择搜索范围(全工作区或特定目录)。(可选)配置搜索选项,如正则表达式、大小写区分等。点击“查找”按钮,搜索结果将显示在“搜索”选项…

    2025年3月13日
    200
  • vscode如何搜索

    在 VSCode 中搜索:使用快捷键 Ctrl + F 或菜单编辑 > 查找。输入搜索内容。配置可选搜索选项:全字匹配、区分大小写或正则表达式。点击“查找下一个”按钮或按 Enter 键开始搜索。搜索结果显示在编辑器面板和查找结果视图…

    2025年3月13日
    200
  • vscode怎样新建项目

    1、首先,vscode本身没有新建项目的选项,所以要先创建一个空的文件夹 2、然后打开vscode,再在vscode里面打开文件夹,这样才可以创建项目 3、如图所示,选择之前创建的空文件将作为vscode的文件夹即可 4、如图,文件夹已经被…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论