VS Code-SynthWave '84主题与字体霓虹灯(发光)效果 小白安装教程

效果图

VS Code-SynthWave '84主题与字体霓虹灯(发光)效果 小白安装教程

第一步

SynthWave '84插件

在Vscode市场里面安装 SynthWave '84(此主题包备受大家喜欢,根据个人爱好下载并使用);
VS Code-SynthWave '84主题与字体霓虹灯(发光)效果 小白安装教程

Custom CSS and JS Loader插件

在Vscode市场里面安装Custom CSS and JS Loader(小白发现此插件貌似也可以不安装,所以请看完文章再选择是否下载)。
VS Code-SynthWave '84主题与字体霓虹灯(发光)效果 小白安装教程

第二步

略···

咦,这一步不应该是新建一个名为synthwave84.css的css文件,记住文件所在的路径,并修改vscode的setting.json文件?
本小白在此以身试毒,发现不需要如此烦琐的步骤,于是直接跳入第三步!

第三步

使用SynthWave '84主题

点击VS Code主页中“文件-首选项-颜色主题(Ctrl+K Ctrl+T)”,在菜单中输入SynthWave '84,并点击;更换为该主题。

Enable custom CSS and JS

(如果没有安装该插件请自动忽略这一步)

调用“显示所有命令菜单”:
ctrl + shift + P(windows)
command + shift + P(mac),
在菜单中输入Enable custom CSS and JS,并点击。

Enable Neon Dreams

再次调用“显示所有命令菜单”,
在菜单中输入Enable Neon Dreams,并点击;

重启VS Code即可。

PS:

  • 如果想关闭霓虹灯效果,调用“显示所有命令菜单”,选择Disable Neon Dreams即可。
  • 可能会弹出code损坏消息,点击不再提示即可。
  • 霓虹灯属于SynthWave '84主题下的功能,所以最后小白在此声明,可以不装Custom CSS and JS Loader插件。