首先,打開vscode的插件面板,搜索background,安裝如圖所示插件
安裝好之后,以管理員模式重新啟動vscode(插件通過改動vscode程序本身的css實現,需要管理員權限)。
以管理員啟動后,在插件上點擊設置按鈕,點擊configure extension settings
打開設置,添加如下代碼(圖片路徑可根據需要進行修改):
???"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教程
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦