vscode編輯器如何設置圖片背景

這篇文章將為大家詳細講解有關vscode編輯器如何設置圖片背景，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

vscode有什么用

Visual Studio Code 是一個運行于 OS X，Windows和 Linux 之上的，針對于編寫現代 web 和云應用的跨平臺編輯器，它為開發者們提供了對多種編程語言的內置支持，并且正如 Microsoft 在Build 大會的 keynote 中所指出的，這款編輯器也會為這些語言都提供了豐富的代碼補全和導航功能。

為了可隨時修改，你可以在你的~/.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編輯器如何設置圖片背景”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。