如何在 macOS/Windows/Linux 上为 VS Code 安装 Synthwave x Fluoromachine 主题

zhangchen • 2021-09-08 00:00 • 技术文章

我最近发现了这个Synthwave x Fluoromachine主题，我真的很喜欢它！

Synthwave x Fluoromachine 主题是Synthwave ’84 主题和Fluoromachine的组合，最终结果令人惊叹，为了在您的 Linux 机器中激活它，您只需要按照以下简单步骤操作即可。

安装主题

转到 VS Code 中的扩展部分并查找Synthwave x Fluoromachine并安装它或单击此链接

现在从相同的扩展部分安装Custom CSS and JS Loader或单击此链接

打开你的 settings.json
- 苹果系统 code $HOME/Library/ApplicationSupport/Code/User/settings.json
- Windows code %APPDATA%/Code/User/settings.json
- Linux code $HOME/.config/Code/User/settings.json
将这两行粘贴到settings.json文件末尾并保存（0.0.12如果你的版本有所不同，请自己仔细查看）
苹果系统

{
    ...
    "vscode_custom_css.imports": [
    "file:///Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/synthwave-x-fluoromachine.css"
    ],
    "vscode_custom_css.policy": true
}

Windows

{
    ...
    "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/synthwave-x-fluoromachine.css"
    ],
    "vscode_custom_css.policy": true
}

Linux

{
    ...
    "vscode_custom_css.imports": [
    "file:////home/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/synthwave-x-fluoromachine.css"
    ],
    "vscode_custom_css.policy": true
}