vscode主題推薦

Visual Studio Code (VS Code) 是一款免費的,開源的,功能強大,可擴展的,現代化的文本編輯器。

一、內置主題介紹

VS Code默認安裝了一組內置的主題,每個主題都有多個變種。這些主題被廣泛使用,具有良好的用戶體驗。

1、默認主題:Dark+ (默認暗色主題)

Dark+ 是VS Code的默認暗色主題。 它是由著名的Sublime Text編輯器的主題 「Monokai」 修改而來。

{
    "workbench.colorTheme": "Default Dark+"
}

2、默認主題:Light+ (默認亮色主題)

Light+ 是VS Code的默認亮色主題。 它是Dark+ 主題的亮色版本。

{
    "workbench.colorTheme": "Default Light+"
}

3、High Contrast(高對比度主題)

High Contrast是一種高對比度主題,對視力障礙者有很大幫助。

{
    "workbench.colorTheme": "High Contrast"
}

二、常見擴展主題推薦

VS Code所支持的主題非常多,並且有很多開源社區在 GitHub 上維護着各種主題。這裡介紹了一些常見的、熱門的主題。

1、One Dark Pro

One Dark Pro主題基於 Atom 的著名主題 One Dark,靈感來自於 Atom 插件。

{
    "workbench.colorTheme": "One Dark Pro"
}

2、Dracula

Dracula 是一種深色的、紫色調的主題。 它包括多種語言、插件和集成終端的顏色方案。

{
    "workbench.colorTheme": "Dracula"
}

3、Material Theme

Material Theme 非常流行的一款主題,它基於谷歌的 Material Design 設計語言。 它提供了濃郁的顏色和漸變,提供了多種字體和圖標。

{
    "workbench.colorTheme": "Material Theme"
}

4、City Lights

City Lights 主題集成了多個面板和組件,如代碼、邊欄、標籤頁、按鈕、輸入框等,並配備了深色和淺色模式、高對比度模式和暗模式。

{
    "workbench.colorTheme": "City Lights"
}

5、Shades of Purple

Shades of Purple 是一種基於紫色調的主題,適用於寫 JavaScript、TypeScript、React 等代碼。

{
    "workbench.colorTheme": "Shades of Purple"
}

三、自定義主題

如果你不滿足於內置或擴展主題,你還可以自定義自己的主題。

VS Code 主題的默認設置文件是 settings.json。 你可以從菜單中 File -> Preferences -> Settings 打開 VS Code 的用戶設置界面,在搜索欄中輸入主題,然後將其設置為你想要的主題。

{
    "workbench.colorCustomizations": {
        "titleBar.activeBackground": "#ff001f",
        "menu.bar.background": "#00CCFF",
        "editorGroupHeader.tabsBackgroundActive": "#182330",
        "tab.activeBackground": "#182330",
        "tab.border": "#182330",
        "tab.activeBorder": "#ff001f",
        "scrollbarSlider.background": "#ff001f"
    }
}

四、適合開發的主題

1、Atom One Dark

Atom One Dark 主題具有非常高的可讀性,對於開發者來說是非常友好的。

{
    "workbench.colorTheme": "Atom One Dark"
}

2、Night Owl

Night Owl 主題對開發者的友好度也是很高的。它提供了深色背景,具有良好的顏色對比度。

{
    "workbench.colorTheme": "Night Owl"
}

3、Monokai Pro

Monokai Pro 是一款非常流行的主題,具有鮮艷的顏色,非常適合編程。

{
    "workbench.colorTheme": "Monokai Pro"
}

4、Gruvbox

Gruvbox 主題是一個非常流行的低對比度主題,適合長時間編程

{
    "workbench.colorTheme": "gruvbox"
}

五、結語

最後,VS Code 的主題非常多,可以適應不同人的習慣和需求。 本文介紹的主題只是其中的一部分,希望對你有所幫助。

原創文章,作者:GWVPB,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/334092.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
GWVPB的頭像GWVPB
上一篇 2025-02-05 13:05
下一篇 2025-02-05 13:05

相關推薦

  • 使用vscode建立UML圖的實踐和技巧

    本文將重點介紹在使用vscode在軟件開發中如何建立UML圖,並且給出操作交互和技巧的指導。 一、概述 在軟件開發中,UML圖是必不可少的重要工具之一。它為軟件架構和各種設計模式的…

    編程 2025-04-29
  • VSCode為什麼無法運行Java

    解答:VSCode無法運行Java是因為默認情況下,VSCode並沒有集成Java運行環境,需要手動添加Java運行環境或安裝相關插件才能實現Java代碼的編寫、調試和運行。 一、…

    編程 2025-04-29
  • 使用VSCode Live Server進行Web開發

    Web開發已經成為現代開發的一個重要部分,而VSCode也成為了許多開發者的首選開發工具。VSCode Live Server是VSCode中一個非常有用的插件,可以幫助Web開發…

    編程 2025-04-25
  • 深入理解VSCode主題插件

    Visual Studio Code(以下簡稱VSCode)是一個廣受歡迎的跨平台編輯器,擁有強大的擴展性,支持用戶安裝眾多的插件來擴展功能。同時,VSCode主題插件也是廣泛使用…

    編程 2025-04-25
  • VSCode Verilog插件的全方位指南

    一、插件簡介 VSCode Verilog插件是一種增強型開發工具,可用於Verilog/HDL設計和開發,同時提供豐富的編輯器功能、語法高亮工具和代碼錯誤檢查器等功能。 該插件高…

    編程 2025-04-24
  • VSCode代碼高亮實現原理

    一、初始:什麼是VSCode代碼高亮 VSCode是一款非常流行的代碼編輯器,擁有強大的開發能力和豐富的插件生態。其中最為重要的功能之一便是代碼高亮。 VSCode的代碼高亮是指在…

    編程 2025-04-24
  • WordPress免費主題全面解析

    一、主題簡介 WordPress是一個非常流行的平台,提供博客和網站建設工具。WordPress主題是定義站點的布局和外觀的文件包。用戶可以選擇安裝和激活一個免費的WordPres…

    編程 2025-04-23
  • 深入了解VSCode Eslint配置

    代碼規範是代碼開發中極其重要的一部分,可以提高代碼的可讀性和可維護性。VSCode作為一款非常流行的代碼編輯器,對於代碼規範也提供了豐富的支持。其中,VSCode Eslint配置…

    編程 2025-04-23
  • IDEA護眼主題

    一、IDEA護眼主題插件 IDEA是一款非常流行的Java開發工具,其自帶的主題並不適合長時間工作,尤其是在晚上或者光線較暗的情況下。幸運的是,有很多IDEA護眼主題插件可以解決這…

    編程 2025-04-23
  • WordPress主題安裝指南

    一、選擇主題 首先,我們需要在WordPress主題庫中選擇一個主題。根據自己的需求可以選擇免費或者收費主題。WordPress的官方網站提供了大量精美主題,也可以在其他網站或者市…

    編程 2025-04-22

發表回復

登錄後才能評論