一.前言

今天看到了博客園 這篇文章 後 Visual Studio 2017 設置透明背景圖 ，琢磨了下難道vscode不行嗎。。

vscode目前有一個設置背景的插件 background 不過並不是整個界面顯示，有點美中不足，所以就先下載了這個插件的源碼，發現是改了其中一個css文件實現的，

本來想改下源代碼重新發個包的，不過剛研究vscode插件沒多久，改的話需要點時間。幹脆直接改css替換下也挺方便的。有時間在改代碼吧。。

先來個效果圖。。

二.修改設置

"window.titleBarStyle": "custom",//首先把標題欄改為非原生的

三.獲取css文件路徑

一般都是在安裝目錄下 文件名：workbench.main.css

C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css

或者打開開發人員工具查看 復制css地址

四.修改css樣式

將下面css樣式 追加到 workbench.main.css 文件裏就行了，也可以自己改，，別忘記替換圖片路徑噢。。。

/*background start*/
body{pointer-events:auto !important;background-size:100% !important;opacity: 0.93 !important;background-position: 0 0 !important;background-image: url(‘file://E:/OneDrive/Pictures/overwatch/bg-53.jpg‘) !important;content:‘‘;position:absolute;z-index:99999;width:100%;background-repeat:no-repeat;}
/*background end*/

　end....

覺得好用點個贊唄。。歡迎來我們vscode群(376553669)尬聊

vscode 設置透明背景圖