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

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！