Vscode設置背景圖(自定義透明度背景圖)

1:插件搜索background並安裝

2:設置

  1. 首選項
  2. 設置
  3. 搜索background
  4. 點擊在setting.json中編輯
{
    "workbench.activityBar.visible": true,
    "editor.tabSize": 2,
    "window.zoomLevel": 1,
    "diffEditor.ignoreTrimWhitespace": false,
    "todo-tree.tree.showScanModeButton": false,
    "workbench.colorTheme": "Monokai Dimmed",
    "workbench.iconTheme": "vscode-icons",
    "background.customImages":[        //背景圖片
        // "http://i0.sinaimg.cn/gm/2015/0218/U10787P115DT20150218131050.jpg",
        "https://i.loli.net/2018/06/29/5b35d75e58fde.png",
        "https://i.loli.net/2018/06/29/5b35d7383694b.png"
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "right": "0",
        "bottom": "0",
        "width": "100%",
        "height": "100%",
        "z-index": "9999",
        "background-size": "contain",
        "opacity": 0.2,                //控制透明度
    },
    "background.useDefault": false,    //是否使用默認圖片
    "files.autoSave": "off",
    "terminal.integrated.rendererType": "dom",
    "git.autofetch": true,
    "editor.quickSuggestions": {
        "strings": true
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章