最近一直在 VSCode 上刷 LeetCode 題目，寫久了感覺界面有點沉悶，決定找一個酷炫的主題來醒目一下。

結果在 GitHub 上找到一個令人紙醉金迷的 VSCode 主題，GitHubDaily 還著重推薦過，微博上的留言紛紛表示這也太騷氣了。

這個主題是怎么樣一個騷包的主題呢，請看！

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

如果你覺得喜歡，可以按照下面的步驟進行安裝。

安裝 SynthWave '84

1.在 VSCode 擴展商店中搜索“ SynthWave '84 ”，點擊安裝

2.點擊“Code”-->“首選項”-->“顏色主題”-->“SynthWave '84”

安裝配置

在 VSCode 擴展商店中搜索“Custom CSS and JS Loader”，這個插件用于加載自定義的 CSS 或 JS 文件，點擊安裝

在 GitHub（https://github.com/robb0wen/synthwave-vscode）下載 synthwave84.css 或synthwave84-noglow.css 文件。

打開“Code”-->“首選項”-->“設置”-->“settings.json”

//文件路徑改為 synthwave84.css 文件所在路徑 {"vscode_custom_css.imports": ["file:///Users/{your username}/synthwave84.css"] }

打開命令面板（ Ctrl + Shift + P 或 Shift + ? + P），找到 “Enable Custom CSS and JS” ，啟用Custom CSS and JS Loader插件，重啟 VSCode，完成安裝。

這就完成了霓虹燈主題的安裝，感興趣的小伙伴可以按步驟安裝去體驗一下。

我的專欄：

和程序員小吳一起學算法?zhuanlan.zhihu.com

總結

以上是生活随笔為你收集整理的vscode怎么引用css_今天来安装一个骚气的 VS Code 主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。