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