在 Visual Studio Code 中,可通過安裝擴(kuò)展來自定義編輯器主題。主題通常分為三種類型:暗色主題、明亮主題和高對比度主題。其中暗色模式對眼睛更加舒適,本文重點(diǎn)介紹8種優(yōu)秀的暗色模式主題,并在文章結(jié)尾提供隨 VSCode 一起的快捷鍵供大家參考使用。
這是 Visual Studio 的默認(rèn)主題之一,隨 VSCode 一起提供。可以按 Ctrl/Command + Shift + P 進(jìn)行訪問。這會(huì)打開 VSCode 的搜索欄,鍵入:“首選項(xiàng):顏色主題”(Preferences: Color Theme)。這會(huì)提供所有默認(rèn)和當(dāng)前安裝的主題的下拉列表。選擇“暗色+(默認(rèn))”(Dark + (default))。
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark
Atom One Dark Theme 適用于 Visual Studio Code 和 Atom 編輯器。這個(gè)主題具有柔和的綠色和紫色突出顯示,并且在深色背景上提供了很好的對比度。它非常適合在昏暗的環(huán)境中工作,并且能夠減少眼睛疲勞。此外,它還具有一些可定制的選項(xiàng),例如字體和字號(hào)大小。
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=marqu3s.aurora-x
Aurora X 這款暗色主題具有深紫色背景和柔和的色調(diào),旨在提供柔和、易讀的編輯體驗(yàn)。Aurora X 主題具有高對比度和清晰的字體樣式,并且支持多種編程語言和文件類型。它還具有可定制性,可以根據(jù)開發(fā)者的偏好進(jìn)行調(diào)整。
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2
這個(gè)主題使用淡藍(lán)色作為背景色,被認(rèn)為是深色主題。這個(gè)主題具有文本和背景之間優(yōu)秀的對比度。
圖片
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
這個(gè)主題基于 GitHub,具有清晰、易讀的代碼字體和 Syntax highlighting。此主題擴(kuò)展具有 2 種明亮主題和 3 種深色主題。此外,該擴(kuò)展還提供了一些其他功能,如自動(dòng)切換主題和自定義設(shè)置。
圖片
如圖左下角所示
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=sdras.night-owl
這是另一個(gè)具有 2 種深色主題和 2 種明亮主題的主題包,因?yàn)榇丝钪黝}有選擇斜體字體的選項(xiàng)。這個(gè)主題具有醒目的深藍(lán)色背景,如下所示:
圖片
夜晚貓頭鷹(帶斜體)
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night
這是一組包含 2 種深色主題和 1 種明亮主題的主題。“東京之夜”主題具有深紫色背景。“東京之夜風(fēng)暴”主題具有略微更亮的紫色背景。
圖片
東京之夜主題
安裝鏈接:https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming
這是一個(gè)非常漂亮的深色主題,具有 2 種深色主題和 1 種明亮主題,每種主題均帶有斜體選項(xiàng)。
Tips:深藍(lán)主題很棒,但深黑主題可能會(huì)傷害眼睛。建議使用深藍(lán)色。
圖片
以下是隨 VSCode 一起提供的快捷鍵:
圖片
復(fù)制或保存此快捷鍵,以便以后使用。
本文鏈接:http://m.www897cc.com/showinfo-26-69436-0.html八個(gè)大幅提升開發(fā)效率的VS Code主題
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。郵件:2376512515@qq.com