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":?"''", ????????"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教程

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊14 分享