vs code有哪些好看的主題? 15個(gè)VS Code主題推薦排行榜介紹

微軟的 VS Code 憑其豐富的擴(kuò)展受到眾多開發(fā)者的青睞,俺總結(jié)了2021年最受歡迎的15個(gè)VS Code 主題(按VS Code 擴(kuò)展商店的安裝次數(shù)排名),僅供大家參考。

Visual Studio Code(代碼編輯器) v1.99.3 64位 中文免費(fèi)綠色版
- 類型:編譯工具
- 大?。?/span>143MB
- 語言:簡體中文
- 時(shí)間:2025-04-17
1、One Dark Pro
安裝次數(shù):4,439,317
Atom 設(shè)計(jì)的經(jīng)典 One Dark 主題,下載榜第一名,質(zhì)量無需多言。融合了良好的配色方案和舒適的視覺風(fēng)格,多個(gè)版本可選,非常適合喜歡黑夜模式的開發(fā)人員(半夜敲代碼美滋滋?)。
2、Dracula Official
安裝次數(shù):2,886,381
德古拉也是一個(gè)由 Zeno Rocha 創(chuàng)建的經(jīng)典 VS Code 深色主題,適用于 Visual Studio Code 和其他181+ 應(yīng)用程序,是有史以來最流行的 vs 代碼主題之一。
3、GitHub Theme
安裝次數(shù):2,682,414
經(jīng)典 GitHub 配色,有淺色、深色、淺色默認(rèn)、深色默認(rèn)和深色變暗版,適合 GitHub 老粉使用。
4、Winter Is Coming Theme
安裝次數(shù):1,398,907
文藝點(diǎn)可以翻譯成“凜冬將至
”,這個(gè)主題也有深色和淺色版本,冷色調(diào)的配色很好看,不過字體可能有點(diǎn)難辨認(rèn)...
5、Night Owl
安裝次數(shù):1,128,643
這個(gè)主題的名字就叫“夜貓子”,適合加班黨適合那些深夜才有靈感的人們使用,字體和背景的配色都非常適合弱光環(huán)境,有斜體版本和無斜體可選擇,還有個(gè)白天的版本“Light Owl ”。
6、Monokai Pro
安裝:1,111,117
Monokai Pro 由 Monokai 原始作者設(shè)計(jì),包含完整的配色方案、自定義用戶界面主題和完整的圖標(biāo)集,精心挑選的色調(diào)制造出不分心的用戶界面,讓你專注于代碼。
7、One Monokai Theme
安裝次數(shù):1,053,867
由 Joshua Azeroth 創(chuàng)建的最受好評(píng)和最常用的黑暗 vscode 主題之一,Monokai 和 One Dark 主題的混合體,精心設(shè)計(jì)的色彩組合和代碼編輯功能讓你輕松地專注于工作。
8、Shades of Purple
安裝次數(shù):1,049,423
如它的名字 “紫色陰影” ,這個(gè)主題混合了各種紫色的色調(diào)和陰影顏色,可以輕松辨認(rèn)重點(diǎn)屬性,比如類名、函數(shù)定義等,適合紫色愛好者。
9、Ayu
安裝次數(shù):991,415
這個(gè)主題真的很好看,簡單、明亮、優(yōu)雅,也是俺白天常用的主題之一,就是有點(diǎn)太亮了,看久了眼酸。
10、Palenight
安裝次數(shù):716,039
由 ololu Olawuyi 創(chuàng)作的最小對(duì)比度主題,柔和而舒適,找不到 bug 的煩躁都舒緩了許多。
11、Cobalt2Theme Official
安裝次數(shù):674,471
由 Wes Bos 創(chuàng)建,簡單易懂,設(shè)計(jì)精美,是市場上評(píng)價(jià)最高的主題之一。精心挑選的顏色和樣式可幫助開發(fā)人員專注于代碼及其清晰度。
12、SynthWave '84
安裝次數(shù):636,558
這個(gè) CSS 主題通過發(fā)光效果和混合色調(diào)營造出一種80年代霓虹燈的味道,經(jīng)典而優(yōu)雅的80年代美學(xué),敲代碼的同時(shí)有種紙醉金迷的迷幻感。
13、Noctis
安裝次數(shù):511,688
暖色和冷色混合的均衡搭配,看起來很舒服,還可以減少眼睛疲勞。8個(gè)深色和3個(gè)淺色版本任君選擇,總有一款適合你。
14、Panda Theme
安裝次數(shù):483,485
配色、對(duì)比度、明暗搭配恰到好處,看再久也不會(huì)累!
15、Nord
由A rctic Ice Studio 設(shè)計(jì)的北極藍(lán)主色調(diào)、干凈、優(yōu)雅的主題。
上面是個(gè)是15個(gè)較為流行的主題,下面再介紹小編用過的一些小眾的有趣的主題:
1、Moonlight
下載次數(shù):58,912
這主題叫“月光”,對(duì)關(guān)鍵屬性添加了月光色的背景高亮,非常溫馨可愛。
2、Cyberpunk
下載次數(shù):127,762
紫色+猩紅,酷炫的賽博朋克配色,科技感十足,就是不知道看久了會(huì)不會(huì)傷眼睛。。。
3、Green Theme
下載次數(shù):28,015
純綠色,什么都是綠的,讓你精疲力盡都都找不到關(guān)鍵詞,環(huán)保主義者狂喜。
注意:此排名旨在為大家介紹2021年流行的 VS Code 主題,不代表 VS Code 官方排名。且排名時(shí)只選取了通用主題,并未包含如微軟的 C/C++主題這類針對(duì)特定語言的主題。
以上就是15個(gè)VS Code主題推薦排行榜介紹,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode怎么將markdown文件轉(zhuǎn)換成PDF?
vscode怎么僅在某個(gè)目錄搜索? vscode查找條件的設(shè)置方法
VS code怎么設(shè)置字體大小? VScode字體放大縮小的技巧
相關(guān)文章
VS Code怎么設(shè)置每行代碼長度? VSCode文本行限制為35的技巧
VS Code怎么設(shè)置每行代碼長度?VS Code代碼為了排版更整潔,想要設(shè)置文本行限制,該怎么設(shè)置呢?下面我們就來看看VSCode文本行限制為35的技巧2022-05-19VS Code怎么將所有未知屬性設(shè)置未錯(cuò)誤呢?
VS Code怎么將所有未知屬性設(shè)置未錯(cuò)誤呢?Visual Studio Code中有很多不知道的屬性,這時(shí)候可以設(shè)置未錯(cuò)誤,該怎么設(shè)置呢?詳細(xì)請(qǐng)看下文提示2022-05-19VS Code中怎么關(guān)閉mac選項(xiàng)是meta?
VS Code中怎么關(guān)閉mac選項(xiàng)是meta?Visual Studio Code中想要設(shè)置mac配置,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程2022-05-19VSCode集成內(nèi)部it環(huán)境怎么關(guān)閉?
VSCode集成內(nèi)部it環(huán)境怎么關(guān)閉?Visual Studio Code中用不到集成內(nèi)部it環(huán)境就可以關(guān)上,該怎么管呢?下面我們就來看看詳細(xì)的教程2022-05-13VSCode怎么運(yùn)行TypeScript? VSCode配置并調(diào)試TypeScript代碼的技巧
VSCode怎么運(yùn)行TypeScript?VSCode中想要運(yùn)行TypeScript代碼需要我們自己配置,下面我們就來看看VSCode配置并調(diào)試TypeScript代碼的技巧2022-04-29Visual Studio Code怎么設(shè)置持久會(huì)話? vscode開啟持久會(huì)話的技巧
Visual Studio Code怎么設(shè)置持久會(huì)話??這是很基礎(chǔ)的知識(shí),很多朋友可能一時(shí)找不到,下面我們就來看看vscode開啟持久會(huì)話的技巧2022-04-11VS Code怎么設(shè)置僅限環(huán)境變化指示燈?
VS Code怎么設(shè)置僅限環(huán)境變化指示燈?VS Code在設(shè)置指示燈的時(shí)候,想要設(shè)置斤環(huán)境變化的指示燈,該怎么設(shè)置呢?下面我們就來就來看看詳細(xì)的教程2022-04-11VSCode怎么不響鈴? VisualStudioCode關(guān)閉啟用鈴聲的技巧
VSCode怎么不響鈴? VSCode中不想要用鈴聲是可以關(guān)閉的,該怎么關(guān)閉呢?下面我們就來就來看看VisualStudioCode關(guān)閉啟用鈴聲的技巧2022-03-31VSCode怎么關(guān)閉自定義圖示符? VSCode不使用自定義圖示符的技巧
VSCode怎么關(guān)閉自定義圖示符?我們可以關(guān)閉自定義圖示符,改怎么關(guān)閉呢?消磨我們就來看看VSCode不使用自定義圖示符的技巧2022-03-31VSCode怎么設(shè)置不自動(dòng)打開peek視圖? VSCode關(guān)閉自動(dòng)打開peek視圖的技巧
VSCode怎么設(shè)置不自動(dòng)打開peek視圖?VSCode自動(dòng)運(yùn)行期間會(huì)自動(dòng)打開peek視圖,該怎么關(guān)閉呢?下面我們就來看看VSCode關(guān)閉自動(dòng)打開peek視圖的技巧2022-03-31