vscode怎么引用css_今天来安装一个骚气的 VS Code 主题

2024-05-06 16:34:29

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

结果在 GitHub 上找到一个令人纸醉金迷的 VSCode 主题，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”

//文件路径改为 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，完成安装。

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

我的专栏：

和程序员小吴一起学算法zhuanlan.zhihu.com

vscode怎么引用css_今天来安装一个骚气的 VS Code 主题相关推荐

Vscode快速入门、插件安装、插件位置、修改vscode默认引用插件的路径、在命令行总配置code、快捷键
Vscode快速入门这里写目录标题安装插件安装 Ctrl + Shift + X (插件商店): 插件位置默认位置修改默认路径修改vscode默认引用插件的路径在命令行总配置code 基 ...
如何用svg画一个骚气的名字
1. 前言前端实现动画即使很炫的那种,说白了各种 @keyframe a b c d 组合加上自己的创意,也不是很难,直到有一天看到一个像蚯蚓一样描边的动画,感觉挺不错,后来发现是svg ...
以腾讯云为例，使用宝塔搭建一个骚气的导航网站
大家好,我是鸟哥.一个半路出家的程序员. 前几天有读者留言想用宝塔搭建一个导航网站.趁着五一有空,就亲自实战了一下,今天把搭建步骤分享给大家. 本篇文章依旧以腾讯云服务器为例,如果你没有搭建服务器和使 ...
dueros模拟测试没有请求后台_实战 | 用手写一个骚气的请求合并，演绎底层的真实...
来源:公众号[ java进阶架构师] 好文推荐: 字节跳动Java岗4面面经分享:索弓|+rabbitmq+spring+Redis 拼多多面经Java开发3面面经:准备好久没想到面试题超级简单网易 ...
用vscode创建一个c项目_Visual Studio Code创建C#项目
visual studio code是一个支持跨平台的文本编辑器,同其他文本文本编辑器一样,不但占用磁盘空间下,性能也比较快:近几年由于不断的升级和许多开发者提供大量的插件,它已经成为了一个非常强大的 ...
VSCode 小鸡汤第00期 —— 安装和入门
简介这将是一个新的系列,将会以 Visual Studio Code(后文都简称为 VSCode 啦)的操作,环境配置,插件介绍为主,为大家不定期的介绍 VSCode 的一些操作技巧,所以取名 VS ...
如何在VSCode中添加Python解释器并安装Python库
如何在VSCode中添加Python解释器并安装Python库作者介绍一．安装VScode编辑器二．安装Python解释器三．在VScode中添加Python解释器四．创建项目并在V ...
安装一个好用的Ubuntu桌面
本文只是记录了安装一个 Ubuntu 桌面及其应用环境的全过程,本文正是在所介绍的这个环境中写成,谨此希望对准备使用 Ubuntu 桌面的朋友们有所帮助. 1. 导言手里一台 Lenovo T430 ...
在VScode中导入anaconda中已安装好的库
在VScode中导入anaconda中已安装好的库写在前面博主作为一个Python小白,在遇到一些网上的代码的时候,经常会遇到需要import一些库如果我们有一个Anaconda就会变得很方便. ...

最新文章

热门文章