VSCode 修改背景图片

冰山三七分

已于 2024-02-01 23:02:28 修改

阅读量352

点赞数 1

文章标签： vscode ide 编辑器

于 2024-02-01 23:01:41 首次发布

本文链接：https://blog.csdn.net/weixin_45742778/article/details/135983648

版权

扩展商店安装 background 扩展
在设置里搜索 background，打开setting.json
在setting.json中，输入如下代码

            "editor.fontSize": 16,
        // tab 大小为2个空格
             "editor.tabSize": 2,
        // 100 列后换行
            "editor.wordWrapColumn": 100,
        // 保存时格式化
            "editor.formatOnSave": true,
        // 开启 vscode 文件路径导航
        "breadcrumbs.enabled": true,
        // prettier 设置语句末尾不加分号
        "prettier.semi": false,
        // prettier 设置强制单引号
        "prettier.singleQuote": true,
        // 选择 vue 文件中 template 的格式化工具
        "vetur.format.defaultFormatter.html": "prettyhtml",
        // 显示 markdown 中英文切换时产生的特殊字符
        "editor.renderControlCharacters": true,
        // 设置 eslint 保存时自动修复 "eslint.autoFixOnSave": true,
        // vetur 的自定义设置
        "vetur.format.defaultFormatterOptions": {
            "prettier": {
                "singleQuote": true,
                "semi": false
            }
        },
        "vetur.format.defaultFormatter.js": "vscode-typescript",
        "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
        "workbench.statusBar.visible": false,
        "background.styles": [
            {
                "content": "''",
                "pointer-events": "none",
                "position": "absolute", // 绝对定位
                "z-index": "99999",
                "width": "100%",
                "height": "100%",
                "background-position": "0% 0%", // 图片位置
                "background-size": "cover", // 图片大小，这里设置铺满
                "background-repeat": "no-repeat", //是否重复
                "opacity": 0.15 // 透明度
            }
        ],
        "background.customImages": [
            "E:/BackGroundforVSCode.png"
            //背景图片的真实地址
        ],
        "background.useDefault": false,

    }