有个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

相关文章
相关标签/搜索