0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

您需要尝试的8大 VS Code主题

jf_ZqFkd6Up 来源:Linux迷 2023-04-03 17:06 次阅读

VS Code 有许多可用的主题,新的主题也在不断涌现。无论您是喜欢暗黑色系还是浅色系的主题,都不难找到适合自己的主题。但是,有这么多的选择,可能会让您陷入选择困境。

如何在不花费大量时间进行研究的情况下找到最适合您用途的 VS Code 主题呢?下面列出的八个主题代表了最适合各种用途的 VS Code 主题。

1.One Dark Pro

One Dark Pro 是 VS Code 中最好的暗黑色系主题之一。不出所料,它也是 Visual Studio Code 市场上下载量最多的主题之一。与其他优秀的 VS Code 主题一样,One Dark Pro 具有默认外观和几种颜色主题变化。这使得在可用选项之间轻松切换并找到最适合自己的主题变得容易。

57fdce64-d07b-11ed-bfe3-dac502259ad0.png

该主题可以通过高对比度的颜色快速突出显示代码中的不同部分。如果您需要自定义,也可以进行调整。它非常适合日间和夜间的环境。 如果您曾经使用过 Atom 的 One Dark 主题,那么使用 One Dark Pro 时会感到非常熟悉。此外,如果您正在寻找 Atom 文本编辑器的最佳替代品,那么将 VS Code 与 One Dark Pro 主题配对将是您的最佳选择。

2.GitHub Theme

如果您喜欢 GitHub 显示代码的方式,那么这个主题就适合您了。这个主题是由 GitHub 创建的,GitHub 是一个非常好的托管开发人员作品的地方,也是 VS Code 中最好的浅色系主题之一。使用此主题,您将获得相同的细微颜色,代码元素得到良好的突出显示,就像在 GitHub 上一样。

58317d40-d07b-11ed-bfe3-dac502259ad0.png

该主题还包括几种不同的颜色主题可供选择,包括深色和不同色调的浅色主题,以适应不同的人和环境。此外,与大多数 VS Code 主题一样,您可以按照 VS Code 的扩展指南进一步自定义主题。 如果您想在 VS Code 编辑器和 GitHub 之间实现设计的一致性,那么选择 GitHub 主题是一个不错的选择。如果您还不熟悉代码托管的世界,请查看我们介绍 GitHub 及使用此平台的好处的文章。

3.Night Owl

正如其名称所示,Night Owl 特别为那些喜欢在晚上写代码的程序员而创建的。虽然它也有一个专门为白天使用的主题,但它主要是为夜间使用而创建的。与 One Dark Pro 使用明亮的颜色不同,Night Owl 使用柔和但高对比度的颜色,使夜间编码更加容易。

5855847e-d07b-11ed-bfe3-dac502259ad0.png

函数、变量和其他代码元素的颜色经过了精心考虑。因此,Night Owl 甚至支持那些色盲患者。它没有提供大量的颜色主题,而是通过提供带有斜体或无斜体的相同颜色主题来保持简单,这无疑会有所帮助,因为您不必尝试大量的颜色选项才能使用它。

4.Shades of Purple

与此列表中的其他 VS Code 主题不同,Shades of Purple 通过选择更为鲜艳的主色调——紫色而脱颖而出。虽然主题的关键元素是紫色的,但创建者设法混合了不同的颜色,使您的代码更容易阅读。

586fc564-d07b-11ed-bfe3-dac502259ad0.png

这个主题使您的代码在白天和晚上都显眼。如果您喜欢更鲜艳的颜色,特别是紫色,那么 Shades of Purple 是完美的选择!如果您更喜欢柔和的颜色,那么 Shades of Purple 肯定不适合您。

5.Linux Themes for VS Code

是的,您可以在 Ubuntu 上安装 VS Code,它是 Linux 上最好的代码编辑器之一。如果您喜欢在 Linux 发行版中使用 GTK 主题,您可能希望在整个系统中保持一致的颜色主题。

58a827c4-d07b-11ed-bfe3-dac502259ad0.png

为了在 VS Code 中实现这一点,请尝试使用 Linux Themes 主题。该主题使用与一些流行的 Ubuntu 主题(如 Arc、Adapta、Ubuntu GNOME 和 Ambiance)相匹配的颜色设计,以实现一致的外观。

6.Kanagawa

Kanagawa 是一个受绘画启发的简单主题。该主题的简洁性使其成为最佳选择之一。与其他选项不同,它没有颜色主题,这使得它易于使用。您只需安装即可开始使用,无需调整以确定最佳颜色主题。

58f6c6f4-d07b-11ed-bfe3-dac502259ad0.png

7.2077 Theme

2077 主题受到 CD Projekt Red 的动作角色扮演游戏《赛博朋克2077》的启发。如果你喜欢明亮的颜色,那么这是 Shades of Purple 的另一种选择。它完美地混合了颜色,确保您在白天和晚上都可以轻松阅读代码和代码元素,而无需过度劳累眼睛。

5931d528-d07b-11ed-bfe3-dac502259ad0.png

8.Dracula Official

Dracula Official是VS Code市场上最受欢迎的主题之一,拥有超过500万次安装和可靠的评分。该主题自2016年以来一直在不断开发中。Dracula Official支持所有常见元素的语法高亮显示,但它在众多主题中脱颖而出的原因是其可用性。

5967a130-d07b-11ed-bfe3-dac502259ad0.png

截至目前,Dracula Official在300多个应用程序上可用,包括Notepad ++、Vim、Terminal、Sublime Text、Visual Studio、JetBrains等。这意味着即使您更改了代码编辑器,也可以安装和使用该主题。虽然Dracula Official完全免费,但该主题也有一个专业版,名为Dracula Pro,其中包括大约20个主题、6个变体、4个自定义字体以及其他特权。

使用主题使阅读和编写代码更轻松

主题不仅仅是为了美观。它们还应该帮助您消除编写代码时的干扰,最重要的是让您更轻松地阅读代码。根据您的需求,您可以选择上面任何一个 VS Code 主题进行日常使用。 不要害怕经常更改您的主题;切换VS Code 主题很容易,而且它们都是免费的。有些主题还提供多种颜色调色板,因此您可以选择适合您环境的任何一个。

审核编辑:汤梓红

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 函数
    +关注

    关注

    3

    文章

    3868

    浏览量

    61309
  • Code
    +关注

    关注

    0

    文章

    65

    浏览量

    15273
  • Visual
    +关注

    关注

    0

    文章

    252

    浏览量

    34012
  • 代码
    +关注

    关注

    30

    文章

    4555

    浏览量

    66771
  • GitHub
    +关注

    关注

    3

    文章

    457

    浏览量

    15923

原文标题:您需要尝试的 8 大 VS Code 主题

文章出处:【微信号:Linux迷,微信公众号:Linux迷】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    vs code的安装和使用

    目录背景系统版本vs code的安装和使用安装新建工程搭建交叉开发环境并编译内核设置vs code工程的头文件查找路径编辑驱动文件和Makefile背景早期的ubuntu版本上没有好的
    发表于 11-04 06:52

    vs code编程单片机的方法

    vs code 是一个强大的文本编辑器,这篇文章主要介绍我用 vs code编程单片机的方法,能够把vs
    发表于 11-22 07:06

    如何使用VS Code开发Arduino?

    如何使用VS Code开发Arduino?
    发表于 02-14 07:53

    类似VS Code的开源编辑器工具

    VSCodium提醒,VS Code还包含了一些专有工具,这些开源工具无法提供这些工具。这包括一个C#调试器和一些库扩展。如果需要它们,则有针对这些问题的文档化解决方法,但是如果您依赖于VS
    的头像 发表于 09-07 17:28 2307次阅读
    类似<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>的开源编辑器工具

    需要一秒钟,就可以使用VS Code阅读Github代码

    【导语】:只需要一秒钟,就可以使用 VS Code 阅读 Github 代码。 Github 是全世界程序员最活跃的社区,因为上面有着许多开源、优秀的项目,Github 对程序员来说就是一个宝藏
    的头像 发表于 02-23 11:38 2161次阅读

    关于VS Code实现远程开发的配置方法详细教程

    VS Code几乎是所有的程序员必备的工具之一,据说全球一般的开发者都使用过VS Code这款工具。
    的头像 发表于 04-27 10:15 2561次阅读
    关于<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>实现远程开发的配置方法详细教程

    我使用vs code编程单片机方法

    vs code 是一个强大的文本编辑器,这篇文章主要介绍我用 vs code编程单片机的方法,能够把vs
    发表于 11-13 13:21 14次下载
    我使用<b class='flag-5'>vs</b> <b class='flag-5'>code</b>编程单片机方法

    STM32开发之 VS Code + GDB下载调试

    STM32开发之 VS Code + GDB下载调试
    发表于 11-30 19:06 7次下载
    STM32开发之 <b class='flag-5'>VS</b> <b class='flag-5'>Code</b> + GDB下载调试

    vs code 调试STM32

    本次环境搭建主要参考如下文档或博客使用VSCode和VS2017编译调试STM32程序VS Code 搭建stm32开发环境STM32高级开发(18)-使用VS
    发表于 12-06 09:36 19次下载
    <b class='flag-5'>vs</b> <b class='flag-5'>code</b> 调试STM32

    使用VS Code开发Arduino

    之下用VS Code(Visual Studio Code)作为编辑器来说就好用多了。现在我们可以在VS Code中安装Arduino插件来
    发表于 12-14 18:49 3次下载
    使用<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>开发Arduino

    Visual Studio Code - 如何在Visual Studio CodeVS Code)中构建和调试RL78项目

    本视频演示如何在Visual Studio CodeVS Code)中构建和调试LLVM for Renesas RL78项目。 000 介绍051 构建024 调试 原文标题:Visual
    的头像 发表于 08-14 12:05 549次阅读

    8 个好用的VS Code Python 扩展

    今天为大家分享 8 个好用的 VS Code Python 扩展。 1. Python extension for Visual Studio Code 这个扩展是由微软官方提供的,支持但不
    的头像 发表于 10-16 11:11 304次阅读
    8 个好用的<b class='flag-5'>VS</b> <b class='flag-5'>Code</b> Python 扩展

    在嵌入式中如何利用VS Code进行远程开发呢?

    VS Code几乎是所有的程序员必备的工具之一,据说全球一般的开发者都使用过VS Code这款工具。
    的头像 发表于 11-07 09:27 379次阅读
    在嵌入式中如何利用<b class='flag-5'>VS</b> <b class='flag-5'>Code</b>进行远程开发呢?

    MCUXpresso for VS Code保姆式教程免费送!

    , 基于 LPC55S69 开发板和官方配套的 SDK 。 准备事项 准备工作包括下载安装 VS Code 和依赖,以及在 SDK Builder 官网下载构建我们实验所需要的 SDK 包。 软件和工具下载 1.
    的头像 发表于 11-16 08:55 532次阅读
    MCUXpresso for <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>保姆式教程免费送!

    VS CodeVS Codium之间的区别有哪些?你选哪个?

    VS Codium 是一个 VS Code 的克隆版本,百分之百免费且开源。
    的头像 发表于 02-23 15:28 401次阅读
    <b class='flag-5'>VS</b> <b class='flag-5'>Code</b>和<b class='flag-5'>VS</b> Codium之间的区别有哪些?你选哪个?