有個VSCode theme很火很美，容易讓人沉迷程式碼

一燈發表於2019-05-05
VSCode

前言

最近GitHub上有個令人紙醉金迷的VSCode主題很火——SynthWave '84，看完了主題的介紹後嘗試了一下，覺得這是我見過最美的VSCode主題，沒有之一（承認我是視覺動物）。不知道大家是否也很挑剔於編輯器的主題，我是覺得一個自己喜歡的主題能夠帶來很享受的視覺體驗，SynthWave '84 Theme也許是個很不錯的選擇。

作者設計這套配色方案的靈感來源於——復古（80年代）藝術作品（如FM-84，Timecop 1983和The Midnight），通過css實現，有發光版和不發光版。

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

安裝SynthWave '84

步驟1

  1. 在VSCode擴充套件商店中搜尋“SynthWave '84”，點選安裝
  2. 然後點選“檔案”-->“首選項”-->“顏色主題”-->“SynthWave '84”

步驟2

  1. 在VSCode擴充套件商店中搜尋“Custom CSS and JS Loader”，這個外掛用於載入自定義的CSS或JS檔案，點選安裝
  2. 下載synthwave84.css或synthwave84-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，完成安裝

發光版

有個VSCode theme很火很美，容易讓人沉迷程式碼

不發光版

有個VSCode theme很火很美，容易讓人沉迷程式碼

注意

  1. 啟用Custom CSS and JS Loader外掛後會有一個檔案損壞的警告，點選“不再顯示”即可
  2. 如果覺得發光版的不好用，可以切換為不發光版，並重啟VSCode

後記

如果本文對你有用，感謝點個贊吧~

相關文章