VScode实现面向二次元编程

平时编程总是对着一顿枯燥的代码,最近博主在VSCode发现了一个神仙插件,可以更改自己想要的背景图,下面来介绍一波。

一、下载插件

在扩展界面搜索background,下载插件。

VScode实现面向二次元编程_第1张图片

 二、插件的使用

        当我们用到一个陌生的插件1时,首先看看作者的解释说明,否则自己折腾了半天也没弄好,下面打开市场链接。

VScode实现面向二次元编程_第2张图片

配置配置项:

姓名 类型 描述
background.enabled Boolean 插件是否
允许启用或禁用此插件
background.useDefault Boolean 是否使用默认图片
是否使用默认图片
background.customImages Array 自定义图片
添加您的自定义图片
background.style Object 自定义
样式自定义样式
background.styles Array 每张图片的独立
样式为单个图像添加自定义样式。
background.useFront Boolean 在代码上面还是下面
将图片设置在代码的前面或后面
background.loop Boolean 循环模式,会重复显示图片
loop模式,可能会重复你的图片

 三、找到插件脚本

点击文件->首选项->设置,点击在settings编辑按钮。

VScode实现面向二次元编程_第3张图片

四、加载图片

{
    "background.useFront": true,
    "background.useDefault": false, //是否使用默认图片
    "background.customImages": [
        "file:///D:/VScode/photos/2.png"//路径为默认的图片地址,只需要更改D:/VScode/photos/2.png这块内容
      ],
    "background.style": {


        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",//宽度
        "height": "100%",//高度
        "background-position": "120% 90%",//文件位置
        "background-repeat": "no-repeat",//是否默认文字重复
        "opacity": 0.1//不透明度0~1
    },
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.editorAssociations": {
        "*.swf": "default",
        "*.exe": "default"
    },
    "C_Cpp.updateChannel": "Insiders",
    "workbench.colorTheme": "Visual Studio Dark - C++",
    "code-runner.runInTerminal": true,
    "terminal.integrated.defaultProfile.windows": "PowerShell",
    "window.zoomLevel": 1
}

复制上述代码,更改图片路径,更新一下就行了。

你可能感兴趣的:(VSCode,vscode,ide,visual,studio,code)