vscode如何更換代碼編輯框背景-VSCode-PHP中文網

首頁

開發工具

VSCode

vscode如何更換代碼編輯框背景

王林

Jan 10, 2020 am 10:18 AM

vscode 程式碼更換背景

vscode如何更換代碼編輯框背景

首先，開啟vscode的外掛程式面板，搜尋background，安裝如圖所示外掛程式

vscode如何更換代碼編輯框背景

安裝好之後，以管理員模式重新啟動vscode（外掛程式透過改變vscode程式本身的css實現，需要管理員權限）。

vscode如何更換代碼編輯框背景

以管理員啟動後，在外掛程式上點選設定按鈕，點選configure extension settings

vscode如何更換代碼編輯框背景

開啟設置，新增以下程式碼（圖片路徑可依需求進行修改）：

   "update.enableWindowsBackgroundUpdates": true,
   "background.customImages": ["C:/Users/Administrator/Pictures/cat.jpeg"],//图片的路径
    "background.enabled": true,
    "background.style": {
        "content": "&#39;&#39;",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-attachment": "fixed",
        " background-size": "cover",
        "opacity": 0.3
    },
    "background.useFront": true,
    "background.useDefault": false,

登入後複製

效果圖如下所示：

vscode如何更換代碼編輯框背景