SynthWave '84

安装指南

主题的安装很简单,直接在 VSCode 中搜索 SynthWave '84,点击安装即可。

启用文字发光效果

注意,以下操作存在风险。为避免意外,请先用 Sync 插件保存你的配置。

要想启用文字发光效果,需要安装另外一个插件 Custom CSS and JS,用于引入 SynthWave '84 的 CSS 文件。在 VSCode 中搜索安装即可。

安装好后,打开 VSCode 首选项->设置,打开 setting.json,插入一下字段:

"vscode_custom_css.imports": []

列表中填入 SynthWave '84 的 CSS 文件路径即可。Windows 下 VSCode 插件一般安装于 C:/Users/用户名/.vscode/extensions 目录下,macOS 下一般位于 ~/.vscode/extensions。路径应以:file:///开头。

示例:

"vscode_custom_css.imports": [
   "file:///C:/Users/用户名/.vscode/extensions/robbowen.synthwave-vscode-0.0.7/synthwave84.css"
]

保存后按 Ctrl + Shift + P 或者 Shift + ⌘ + P,选择 Enable custom CSS and JS。VSCode 会提示重启,重启后发光特效应该就生效了。

此时,VSCode 可能会提示 “VSCode 已损坏”,点击不再提醒即可。

注意,VSCode 每次更新后,你都得重复一遍上述操作。另外,当这个插件更新时,你可能也得重复一遍上述操作。

效果图

效果图.png

不过,帅就完事了。

关闭特效

只需在 settings.json 里移除上面那行就行了,或者在命令面板里输入 Disable custom CSS

Happy coding :)

标签: none

添加新评论

  • 上一篇: 没有了
  • 下一篇: 没有了