聊聊給vscode編輯器設定圖片背景的方法

本篇文章給大家詳細介紹一下為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,直接忽略就它~

• 另，如果覺得醜醜的title bar不好看，可以在settings.json加上

"window.titleBarStyle": "custom",

可以自己自訂標題列的樣式。

更多程式相關知識，請造訪：程式設計影片！ ！

以上是聊聊給vscode編輯器設定圖片背景的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！