八個大幅提升開發效率的VS Code主題

2024.01.28

在Visual Studio Code 中,可透過安裝擴充功能來自訂編輯器主題。主題通常分為三種:暗色主題、明亮主題和高對比主題。其中暗色模式對眼睛更加舒適,本文重點介紹8種優秀的暗色模式主題,並在文章結尾提供隨VSCode 一起的快捷鍵供大家參考使用。

1 Visual Studio 黑暗+

這是Visual Studio 的預設主題之一,隨VSCode 一起提供。可按Ctrl/Command + Shift + P 進行存取。這會開啟VSCode 的搜尋欄,鍵入:「首選項:顏色主題」(Preferences: Color Theme)。這會提供所有預設和目前安裝的主題的下拉清單。選擇“暗色+(預設)”(Dark + (default))。

圖片圖片

2 暗色+(預設)主題(Atom One Dark Theme)

安裝連結:https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark

Atom One Dark Theme 適用於Visual Studio Code 和Atom 編輯器。這個主題具有柔和的綠色和紫色突出顯​​示,並且在深色背景上提供了很好的對比度。它非常適合在昏暗的環境中工作,並且能夠減少眼睛疲勞。此外,它還具有一些可自訂的選項,例如字體和字號大小。

圖片圖片

3 極光 X

安裝連結:https://marketplace.visualstudio.com/items?itemName=marqu3s.aurora-x

Aurora X 這款暗色主題具有深紫色背景和柔和的色調,旨在提供柔和、易讀的編輯體驗。Aurora X 主題具有高對比度和清晰的字體樣式,並且支援多種程式語言和文件類型。它還具有可自訂性,可以根據開發者的偏好進行調整。

圖片圖片

4 Cobalt2 主題官方版(Cobalt2 Theme Official)

安裝連結:https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2

這個主題使用淡藍色作為背景色,被認為是深色主題。這個主題具有文本和背景之間優秀的對比。

圖片圖片

5 GitHub 主題

安裝連結:https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme

這個主題基於GitHub,具有清晰、易讀的程式碼字體和Syntax highlighting。此主題擴充有2 種明亮主題和3 種深色主題。此外,該擴充功能還提供了一些其他功能,如自動切換主題和自訂設定。

圖片圖片

如圖左下角所示

6 夜晚貓頭鷹(Night Owl)

安裝連結:https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

這是另一個具有2 種深色主題和2 種明亮主題的主題包,因為此主題有選擇斜體字體的選項。這個主題具有醒目的深藍色背景,如下所示:

圖片圖片

夜晚貓頭鷹(帶斜體)

7 東京之夜(Tokyo Night)

安裝連結:https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night

這是一組包含2 種深色主題和1 種明亮主題的主題。「東京之夜」主題具有深紫色背景。「東京之夜風暴」主題具有略微更亮的紫色背景。

圖片圖片

東京之夜主題

8 冬天來臨主題(Winter is Coming Theme)

安裝連結:https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming

這是一個非常漂亮的深色主題,具有2 種深色主題和1 種明亮主題,每種主題均帶有斜體選項。

Tips:深藍主題很棒,但深黑主題可能會傷害眼睛。建議使用深藍色。

圖片圖片

VSCode 快速鍵

以下是隨VSCode 提供的快捷鍵:

圖片圖片

複製或儲存此快捷鍵,以便日後使用。