有個VSCode theme很火很美,容易讓人沉迷代碼

前言

最近GitHub上有個使人紙醉金迷的VSCode主題很火——SynthWave '84,看完了主題的介紹後嘗試了一下,以爲這是我見過最美的VSCode主題,沒有之一(認可我是視覺動物)。不知道你們是否也很挑剔於編輯器的主題,我是以爲一個本身喜歡的主題可以帶來很享受的視覺體驗,SynthWave '84 Theme也許是個很不錯的選擇。css

做者設計這套配色方案的靈感來源於——復古(80年代)藝術做品(如FM-84,Timecop 1983和The Midnight),經過css實現,有發光版和不發光版。git

下面是安裝SynthWave '84主題的詳細步驟:github

安裝SynthWave '84

步驟1

  1. 在VSCode擴展商店中搜索「SynthWave '84」,點擊安裝
  2. 而後點擊「文件」-->「首選項」-->「顏色主題」-->「SynthWave '84」

步驟2

  1. 在VSCode擴展商店中搜索「Custom CSS and JS Loader」,這個插件用於加載自定義的CSS或JS文件,點擊安裝
  2. 下載synthwave84.csssynthwave84-noglow.css文件
  3. 打開「文件」-->「首選項」-->「設置」-->「settings.json」
//文件路徑改成synthwave84.css文件所在路徑
{
  "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/synthwave84.css"
  ]
}
複製代碼
  1. 打開命令面板(Ctrl + Shift + P 或 Shift + ⌘ + P),找到「Enable Custom CSS and JS」,啓用Custom CSS and JS Loader插件,重啓VSCode,完成安裝

發光版json

不發光版編輯器

注意

  1. 啓用Custom CSS and JS Loader插件後會有一個文件損壞的警告,點擊「再也不顯示」便可
  2. 若是以爲發光版的很差用,能夠切換爲不發光版,並重啓VSCode

後記

若是本文對你有用,感謝點個贊吧~spa

相關文章
相關標籤/搜索