vscode 设置缩进为4_美化你的吃饭工具...（VS Code）-CSDN博客

本文链接：https://blog.csdn.net/weixin_36087895/article/details/112243371

本文介绍了如何使用VS Code插件indent-rainbow为代码缩进添加彩色效果，以及使用background插件自定义编辑器背景图，提升开发环境的视觉体验。

摘要由CSDN通过智能技术生成

一切都是花里胡哨，苦中作乐。

———————————————彩色缩进———————————————

效果图

插件名称： indent-rainbow

安装使用：搜索安装，无脑直接使用。

———————————————自定义背景图———————————————

效果图

插件名称：background

安装使用：
    搜索安装（会报错，不用理会），重启VScode后就是默认的图片了。
    然后点击左下角的设置-设置-拓展-Plugin background config.background插件配置
    点开   在settings.json  中编辑
    然后添加以下代码
    //*******************************************background
    "background.enabled": true,  //是否启用
    "background.useDefault": false,  //是否使用默认图片—我们要自定义当然false
    "background.customImages": [    //这里是路径数组，所以是多张图，就是不同窗口不同图
        "file:///F:/VScodeBg/bg_midouzi.png"
    ],
    "background.style": {  //会写样式这里就跳过
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "9999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "cover",
        "opacity": 0.1
    }
    //*******************************************background

最后放一张我的祢豆子

———————————————输入带特效———————————————

效果图

插件名称：Power Mode

安装使用：
    直接安装，剩下的方法同上一个插件的安装方法，打开settings.json
    添加以下代码
    //*******************************************powser mode   
    "powermode.enabled": true,  //是否启动
    "powermode.presets": "particles", //特效样式
    "powermode.comboTimeout":8,  //什么什么间隔时间，具体用法不知
    "powermode.enableShake": false,  //是否开启抖动，你打开看下就知道要不要开了
    "powermode.backgroundMode": "mask",
    "terminal.integrated.rendererType": "dom",
    "vscode_vibrancy.opacity": 1,
    //*******************************************powser mode