溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

vscode更換代碼編輯框背景的方法

發(fā)布時(shí)間：2020-12-18 10:28:24 來(lái)源：億速云 閱讀：206 作者：小新 欄目：軟件技術(shù)

這篇文章主要介紹vscode更換代碼編輯框背景的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

首先，打開(kāi)vscode的插件面板，搜索background，安裝如圖所示插件

vscode更換代碼編輯框背景的方法

安裝好之后，以管理員模式重新啟動(dòng)vscode（插件通過(guò)改動(dòng)vscode程序本身的css實(shí)現(xiàn)，需要管理員權(quán)限）。

vscode更換代碼編輯框背景的方法

以管理員啟動(dòng)后，在插件上點(diǎn)擊設(shè)置按鈕，點(diǎn)擊configure extension settings

vscode更換代碼編輯框背景的方法

打開(kāi)設(shè)置，添加如下代碼（圖片路徑可根據(jù)需要進(jìn)行修改）：

   "update.enableWindowsBackgroundUpdates": true,
   "background.customImages": ["C:/Users/Administrator/Pictures/cat.jpeg"],//圖片的路徑
    "background.enabled": true,
    "background.style": {
        "content": "''",
        "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更換代碼編輯框背景的方法

以上是“vscode更換代碼編輯框背景的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手