VScode赛博朋克主题SynthWave '84设置

最新推荐文章于 2024-06-17 08:45:00 发布
最新推荐文章于 2024-06-17 08:45:00 发布
阅读量1w 收藏 13
点赞数 9
分类专栏： VScode主题 文章标签： VScode 插件 主题 赛博朋克
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mierfeioulei0/article/details/89716992
版权

VScode赛博朋克主题SynthWave '84安装设置

效果预览

在这里插入图片描述

安装步骤

  1. 下载安装插件(下面2个插件都要安装)
    SynthWave '84.
    在这里插入图片描述
    Custom CSS and JS Loader.
    在这里插入图片描述

  2. 修改 settings.json

    "vscode_custom_css.imports":["file:///C:/users/MyUsersName/synthwave84.css"],
"vscode_custom_css.policy":true,
"workbench.colorTheme":"SynthWave '84" //安装第一个插件后，若是启用了主题，这一行应该存在了

  3. 启用自定义的CSS和JS
    按 Ctrl+Shift+P 打开命令面板输入 enable 在下拉菜单中找到Enable Custom CSS and JS 点击启用
    在这里插入图片描述
    然后重启 VScode 开启了荧光效果，到这里就完成了。
    在这里插入图片描述

问题注意

  1. settings.json 文件在哪里？
    按 Ctrl+Shift+P 打开命令终端输入 open settings(json)打开 settings.json 文件

  2. 如何设置"vscode_custom_css.imports":[""]中路径的？
    找到 SynthWave '84 插件安装目录中 synthwave84.css 的文件地址，没找到的话直接新建synthwave84.css文件将链接文件中的内容复制进去，将该文件地址添加进去.
    win下地址格式：file:///C:/Users/MyUserName/synthwave84.css

mierfeioulei0
关注
  • 9
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
synthcord-84:Synthcord '84是一个黑暗的不和谐主题，可提供Synthwave体验
04-14
:warning: 如果您希望管理此主题并对Synthcord '84进行每日或频繁更新，则该主题将不再接收每日更新，您可以分叉该存储库并获取源代码。 该主题偶尔会收到更新。 深紫色深主题，提供Synthwave体验，并针对BetterDiscord进行了编码和构建，并具有兼容性。 公会/服务器 设定值 朋友/ DM列表 灵感 -（ - 和 BetterDiscord安装 访问此链接，单击“原始版本” ，然后按Ctrl + S进行保存（确保文件的最后一个字母以.theme.css结尾，否则将不起作用）。 有关更详细的说明，请访问下面的以下链接之一： DiscordStyles的教程 Zerebo的安装指南 BetterDiscord的网站 学分 该主题使用以下代码片段/主题插件： 聊天泡泡-Pavy＃6125 更好的角色-Pavy＃6125 Discord字体-NFLD99＃00
vscode-2077-theme:赛博朋克2077启发主题的视觉工作室代码
05-08
2077年主题 灵感主题。 安装 在VS Code中打开“扩展”侧边栏面板。 View → Extensions 搜索2077 theme -通过Endormi查找2077 theme 。 单击安装进行安装。 单击重新加载以重新加载编辑器 代码>首选项>颜色主题> 2077 预览图片 学分 受到主题的启发。 我对主题进行了相当重要的编辑，以遵循Cyber​​punk 2077调色板。 如果发生任何问题或您有新的改进想法，请打开一个新的而不是 。 使用的。 享受！
vscode常用主题推荐
最新发布
jingling122的博客
06-17 1125
当谈到VSCode的主题推荐时，有很多受欢迎且功能丰富的选择。
vscode-electron-highlighter:VS Code 的电子荧光笔语法
05-29
电子荧光笔语法 VS Code 的黑暗语法主题 关于 Electron Highlighter Syntax 是 VS Code 的深色 UI 和语法主题。 这开始是我的的官方 VS Code 移植 ，但此后我转而使用 VS Code 作为我的主编辑器，因此它不再是真正的“移植”。 截图 有关的 笔记 我犹豫要不要说我的主题流行到足以将“官方”移植到另一个编辑器，但有人确实制作了一个主题并声称它是我的 Atom 主题的移植，坦率地说它不是很好，所以这是只是为了澄清这是我认可的唯一扩展，作为我制作的这个小主题生态系统的一部分。
Synthcord:蒸发不和谐的主题。 受SynthWave '84-VS Code主题（https
04-03
:warning: 正在重做。 合成线 Synthcord是一个黑暗的蒸气波/合成波主题，可为用户提供Synthwave体验。 灵感 -（ - 和 客户端Mod兼容性 此主题仅在和MAYBE （不保证）上兼容，任何其他客户端mod将不起作用。 下载 我们对该主题进行了重新设计，因此发布将被推迟得更远。 开发者 学分 该主题使用以下代码片段/主题插件： 聊天泡泡 更好的角色 自定义水印 首页图标 顶栏渐变 底部渐变边框- 最小化搜索栏
VSCode—配置代码发光效果
雷雨天的雷胖子
01-04 4155
目录 一、概述 二、详解 一、概述 推荐一个VSCode主题，即SynthWave '84，该主题搭配Custom CSS and JS插件，可以设置很炫酷的代码发光效果。 二、详解 第一步：安装主题SynthWave '84 如下图所示，安装主题插件后，在文件-首选项-颜色主题中选择SynthWave '84。 第二步：安装插件Custom CSS and JS Loader 该插件可以用来加载自定义的CSS或JS文件。 第三步：设置自定义CSS文件，并在VSC.
VS Code-SynthWave '84主题与字体霓虹灯（发光）效果 小白安装教程
weixin_43954736的博客
02-18 1万+
效果图 第一步 SynthWave '84插件 在Vscode市场里面安装 SynthWave '84（此主题包备受大家喜欢，根据个人爱好下载并使用）； Custom CSS and JS Loader插件 在Vscode市场里面安装Custom CSS and JS Loader（此css、JS插件必安装）。 第二步 略··· 咦，这一步不应该是新建一个名为synthwave84.css的...
vscode主题_VScode霓虹发光主题SynthWave 84|透明主题
weixin_33143629的博客
01-26 3289
最近一直使用VSCode开发flutter项目，写久了感觉界面有点沉闷，想着找一个酷炫的主题来缓解下视觉疲劳。我是觉得一个自己喜欢的主题能够带来很享受的视觉体验，让编码更有乐趣！结果在 GitHub 上找到一个令人心驰的 VSCode 主题，很多人都表示这个主题没有使用过，这次就分享出来给大家也体验一下。SynthWave '84| 一个效果超赞的 vscode霓虹色发光主题htt...
SynthWave '84 - VS Code theme小白安装教程
茄子大哥的博客
05-04 6777
出处 https://github.com/robb0wen/synthwave-vscode?from=singlemessage&isappinstalled=0 主题效果 安装过程其实和作者在github上上传的Installation是一样的，无非是做了一个排版，以及帮助看见英文就头疼的老哥们。 第一步 在Vscode市场里面安装 SynthWave '84基础主题包和自定义c...
vscode插件SynthWave ‘84
caicaiyaonuli的博客
01-12 159
原文链接：https://blog.csdn.net/weixin_43954736/article/details/104370553。准滴好好看，截图截不出来的好看，力度刚刚好，好看而又不伤眼。以前用过别的一款粉红色的（插件名字带pink的不太能适应）不太能适应。版权声明：本文为CSDN博主「马房山第一骑手」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。用了好久了，方便掉的时候再配置，故在本文附上原创链接，原博主写滴非常滴详细。
有个VSCode theme很火很美，容易让人沉迷代码
热门推荐
weixin_33742618的博客
05-05 4万+
前言 最近GitHub上有个令人纸醉金迷的VSCode主题很火——SynthWave '84，看完了主题的介绍后尝试了一下，觉得这是我见过最美的VSCode主题，没有之一（承认我是视觉动物）。不知道大家是否也很挑剔于编辑器的主题，我是觉得一个自己喜欢的主题能够带来很享受的视觉体验，SynthWave '84 Theme也许是个很不错的选择。 作者设计这套配色方案的灵感来源于——复古（80年代）艺...
cyberpunk:Visual Studio代码的主题
05-13
Visual Studio Code的疯狂赛博朋克主题。 就是这样！ 现在激活UMBRA协议。 :alien_monster: 就是这样！ 立即激活SCARLET协议 :alien_monster: （BETA）。 为什么选择赛博朋克？ 我知道，它可能看起来像彩虹，甚至给人分心的感觉。 但从根本上来说，我选择了“计算机朋克”主题，因为它允许我使用非常宽的调色板，这可以帮助代码的每个片段实际上具有颜色，因此我们的眼睛可以快速检测到颜色变化，并且我们的大脑正在处理和存储接收到的信息。 我们很快就会认识到，这可以帮助您在编程时无意识地提高生产力，例如：如果它是一个对象，一个类，一个方法等。 正在安装 要安装它，请在扩展市场中搜索“ Cyber​​punk”或 摆脱 :hatching_chick: 赛博朋克Chrome主题，作者： Angus J. Pope 赛博朋克iTerm by Murderlon 赛博朋克Hyper by Szul 什么是新的？
vscode-highlight:基于正则表达式的高级文本荧光笔。 对待办事项，注释等有用
05-02
强调 基于正则表达式的高级文本荧光笔。 对待办事项，注释，颜色等有用。 有迹象表明，你可能会考虑，喜欢另类的扩展，但是这是比较通用的，这可以在相同的正则表达式中应用不同的样式不同的捕获组，这是专注于做一件事，做的很好。 安装 请遵循的指示，或在命令面板中运行以下命令： ext install fabiospampinato.vscode-highlight 设定值 { "highlight.decorations" : { "rangeBehavior" : 3 } , // Default decorations from which all others inherit from "highlight.regexFlags" : "gi" , // Default flags used when building the regexes "highlight.rege
2022赛博朋克主题年会“国潮元宇宙·潮前年会计划”活动策划方案.pptx
04-21
2022赛博朋克主题年会“国潮元宇宙·潮前年会计划”活动策划方案.pptx
赛博朋克V1.5版完整安装文件
02-21
压缩包共16个。解压后运行文件bin\x64\Cyberpunk2077.exe。
赛博朋克文字效果赛博朋克文字效果
08-12
赛博朋克文字效果
一些「花里胡哨」的 VS Code 主题
LeanCloud通讯
12-08 692
赛博朋克 -SynthWave '84你还记得 84 年那个无尽的夏天吗？自上而下在海洋高速公路上巡航，我们的头发和头上的风在霓虹灯梦中嗡嗡作响？这种配色方案受到现代 Synthwave...
设置vscode的背景图片和主题—超帅的插件
一杯原谅绿茶的博客
10-23 6700
效果图 其实vscode本质是网页程序 所以我们可以直接找到它的css文件，来设置背景 第一步 找到文件workbench.main.css，一般在vscode的安装目录C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench里或者C:\Users\用户名\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench 实在找不到就用ever
2021 年 VS Code 主题推荐
qfguan的博客
11-19 256
一个好的工作环境，离不开一个好的生产力工具（高配电脑）、一个高分辨率显示器（27 寸 4 K）、一个人体工学椅和一套优良的键鼠。 当然说完了硬件，我们的软件也要用的舒服。 这篇文章给大伙推荐一波我最喜欢的几个 VS Code 主题，希望可以给大家一点帮助。 需要更多教程，微信扫码即可 赛博朋克 - SynthWave '84 你还记得 84 年那个无尽的夏天吗？自上而下在海洋高速公路上巡航，我们的头发和头上的风在霓虹灯梦中嗡嗡作响？ 这种配色方案受到现代 Synthwave 乐队...
synthwave‘84
08-19
SynthWave '84是一款可用于VS Code编辑器的颜色主题插件。根据引用中的描述，你可以通过在VS Code的主页中点击“文件-首选项-颜色主题”来更换为SynthWave '84主题。在弹出的菜单中搜索并选择该主题即可完成更换。此外，根据引用的说明，如果你想自定义该主题的样式，可以按照指示找到synthwave84.css文件的地址，然后在VS Code的设置中将该文件地址添加到"vscode_custom_css.imports"中。在Windows系统下，文件地址的格式应为file:///C:/Users/MyUserName/synthwave84.css。这样就可以实现对SynthWave '84主题的个性化定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [VScode赛博朋克主题SynthWave '84设置](https://blog.csdn.net/mierfeioulei0/article/details/89716992)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [VS Code-SynthWave '84主题与字体霓虹灯（发光）效果 小白安装教程](https://blog.csdn.net/weixin_43954736/article/details/104370553)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值