前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >来安装一个酷炫的 VS Code 主题更好的刷题

来安装一个酷炫的 VS Code 主题更好的刷题

作者头像
五分钟学算法
发布2019-05-16 16:52:45
2.5K0
发布2019-05-16 16:52:45
举报
文章被收录于专栏:五分钟学算法五分钟学算法

最近一直在 VSCode 上刷 LeetCode 题目,写久了感觉界面有点沉闷,决定找一个酷炫的主题来醒目一下。

结果在 GitHub 上找到一个令人纸醉金迷的 VSCode 主题,GitHubDaily 还着重推荐过,微博上的留言纷纷表示这也太骚气了。

来源于 GitHubDaily 微博评论

这个主题是怎么样一个骚包的主题呢,请看!

作者设计这套配色方案的灵感来源于——复古( 80 年代)艺术作品(如 FM-84,Timecop 1983 和 The Midnight),通过 css 实现,有发光版和不发光版。

如果你觉得喜欢,可以按照下面的简单几个步骤就能安装成功。

安装 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”

代码语言:javascript
复制
//文件路径改为 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,完成安装。

这就完成了霓虹灯主题的安装,感兴趣的小伙伴可以按步骤安装体验一下。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 五分钟学算法 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装 SynthWave '84
    • 1.在 VSCode 扩展商店中搜索“ SynthWave '84 ”,点击安装
      • 2.点击“Code”-->“首选项”-->“颜色主题”-->“SynthWave '84”
      • 安装配置
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档