10 個賞心悅目的 Visual Studio Code 主題

10 個賞心悅目的 Visual Studio Code 主題
使用 VS Code 主題的筆記型電腦。

內建的 Visual Studio Code 主題還不錯,但您可能會發現自己想要其他東西。當您花費數小時進行編碼時,您需要一些易於觀看的東西。如果內建的深色 VS Code 主題不太適合您,請嘗試這些其他選項。

安裝和客製化

在列出 Visual Studio Code 主題之前,讓我們先介紹如何安裝它們。首先選擇所需的主題,然後選擇「安裝」以開啟 Visual Studio Code。按“安裝”確認您要安裝主題。您也可以開啟Extensions,搜尋您的主題名稱,然後直接安裝。

在 Visual Studio Code 中安裝新主題。

從「選擇顏色主題」方塊中選擇主題。根據主題的不同,可能有多個版本可供選擇。如果您沒有看到此內容,只需點擊“更改顏色主題”或轉到“檔案”->“首選項”->“主題”->“顏色主題”,然後選擇您的主題。嘗試使用這些Visual Studio Code 鍵盤快速鍵可以更快地完成任務。

如果您想自訂主題,請安裝它,然後前往側邊欄中的「擴充功能」 (或「檔案」->「擴充功能」)。選擇主題旁邊的設定齒輪,然後根據需要進行編輯。如果您的主題不提供此功能,或者您想要更多控制,請使用workbench.colorCustomizations設定。

自訂 Visual Studio Code 主題。

1.最佳深色主題:One Dark Pro

One Dark Pro已迅速成為喜愛黑暗主題的人最受歡迎的 VS Code 主題之一。它不僅是一種舒適的深色色調,而且調色板效果很好,在深色背景上不會太刺眼。

One Dark Pro 主題安裝了 Javascript 範例程式碼

強調

  • 多種顏色變化
  • 高對比色
  • 易於閱讀的字體

2.最佳高對比:紫色

深色主題不必只是黑色陰影。紫色色調為您提供各種深淺不一的紫色,令人賞心悅目。從深紫色背景到更有活力的紫色文本,如果您喜歡紫色,您一定會喜歡這個主題的一切。

安裝了紫色主題的 Visual Studio Code。

強調

  • 白天和晚上的顏色效果都很好
  • 其他顏色混合得很好代碼
  • 有紫色和超深紫色兩種顏色

3.最適合深夜編碼:Night Owl

顧名思義,Night Owl專為較暗的環境而設計,讓螢幕更舒適您的眼睛 – 深藍色背景和適合整夜工作的完美顏色選擇。但也包括用於白天編碼的輕型版本。

使用 Night Owl Visual Studio Code 主題。

強調

  • 色彩柔和,但對比度仍然很高
  • 色盲的理想選擇
  • 包括斜體和無斜體選項

4.最佳最小對比:Palenight

如果高對比度 Visual Studio Code 主題不是您的最愛,請嘗試Palenight。這是《紫色陰影》的淡化版本。優雅的紫色適合白天和夜間編碼。另外,配色方案並不太強烈,但有足夠的對比度,可以輕鬆區分您的程式碼。

使用 Palenight 主題,這是 VS Code 主題中對比度較低的選項之一。

強調

  • 包括中等對比度變化以獲得更多對比度
  • 包含斜體版本
  • 更優雅的紫色色調版本

5. 最適合 GitHub 使用者:GitHub 主題

如果您已經喜歡 GitHub 顯示程式碼的方式,請嘗試GitHub 主題。這是您喜歡的經典 GitHub 風格的一切,但在 Visual Studio Code 中。有九種變體幾乎可以滿足您的任何需求。它與 GitHub 的官方主題非常接近,無需從頭開始設計。

在黑暗中使用 GitHub Visual Studio Code 主題。

強調

  • 有淺色和深色兩種版本
  • 兩個色盲版本
  • 兩個遺留版本,但它們不經常更新

6. 最優雅:香魚

Ayu將優雅和簡潔融入一個美麗的主題中,專為短期和長期編碼會話而設計。明亮的顏色可以很好地對抗深色和淺色的變化。就我個人而言,我認為 Ayu 擁有針對光線變化更好的配色方案之一。

輕量版 Ayu 主題

強調

  • 三種變化:黑暗、光明和海市蜃樓
  • 海市蜃樓只是比黑暗稍微亮一點
  • 明亮的文字在所有變體中脫穎而出

7. 最佳品種:夜晚

如果您不想安裝大量 Visual Studio Code 主題,只需安裝Noctis即可。這個單一主題提供 11 種變化,從深色到淺色,以及介於兩者之間的一切。我喜歡深青色的 Sereno 版本。白天和晚上都效果很好。

使用 Noctis 主題的 Sereno 變體。

強調

  • 顏色變化包括玫瑰色、青色、藍色、紫色、橙色和紫羅蘭色
  • 如果 Azureus 變體太亮,Minimus 會提供較低的飽和度
  • Lux 非常適合保持眼睛舒適的淺色主題

8.最佳微妙主題:熊貓主題

簡單、優雅、微妙在熊貓主題中完美融合。深色主題具有微妙的色彩,使用起來很愉快。雖然它很小,但這可以讓您的注意力集中在您的程式碼上。

在 Visual Studio Code 中使用熊貓主題進行編碼。

強調

  • 讓一切盡可能簡單
  • 僅包含一個版本
  • 更簡單的顏色在明亮和黑暗的環境中都能很好地發揮作用

9. 最佳可用性:Dracula 官方

如果您傾向於使用各種程式碼編輯器並想要一致的主題,請使用Dracula 官方。它不僅是最好的 VS Code 主題之一,而且還適用於數百個其他應用程式。可能性是,如果你切換程式碼編輯器,Dracula 官方將可用。

強調

  • 紫色色調的深色主題
  • 提供兩種變化:普通和軟
  • 自2016年以來頻繁更新

10.最佳低對比:《東京之夜》

如果您喜歡低對比度的 Visual Studio Code 主題,Tokyo Night可能是您的完美主題。共有三種變體,包括低對比、暗光主題。與香魚相似,但顏色稍暗。所有文字都很容易看到,您的眼睛會喜歡它。

燈光變化中的東京之夜主題

強調

  • 深色的變化比淺色的對比度稍高一些
  • 靈感來自東京的城市燈光
  • 深色變化中的深紫色與黑色

長時間盯著螢幕對眼睛來說並不好,但正確的 VS Code 主題有助於大大減輕眼睛疲勞。如果您剛剛學習編碼,請嘗試這些編碼遊戲線上資源。然後,享受在 Visual Studio Code 中使用您最喜歡的新主題進行練習的樂趣。

圖片來源:Unsplash。所有螢幕截圖均由 Crystal Crowder 製作。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *