本篇文章給大家詳細介紹一下為vscode編輯器設定圖片背景的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

【推薦學習:《vscode教學》】

為了可隨時修改,你可以在你的~/.vscode資料夾下建立一個vscode_style的目錄,
在裡邊放入你自己的css文檔和一些圖片。以筆者為例,我的vscode的style是
/**vscode_style.css*/
body{
pointer-events: auto !important;
background-size: 100% !important;
opacity: 0.90 !important;
background-position: 0 0 !important;
/**change your image url here*/
background-image: url('./bg.png');
content: '';
position: absolute;;
z-index: 999;
width: 100%;
background-repeat: no-repeat;
}然後找到vscode程式資料夾,linux上一般在'/opt'目錄下。在{vscode_dir}/resources/app/out/vs/workbench下修改workbench.desktop.main.css就可以修改vscode的樣式囉。
@import "/home/huaiyu/.vscode/vscode_style/vscode_style.css";
重啟vscode就好了,當你重啟後發現vscode提醒你your code installation appears to be corrupt,直接忽略就它~
"window.titleBarStyle": "custom",
可以自己自訂標題列的樣式。
更多程式相關知識,請造訪:程式設計影片! !
以上是聊聊給vscode編輯器設定圖片背景的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!