vscode 全透明背景圖


一.前言


 08.02更新:已魔改插件 可以直接下載插件使用了

10.18跟新:已發布到vscode擴展,直接搜索“background-cover”進行安裝使用  下載地址  

下載后手動安裝就ok了,具體配置安裝后點開插件有說明的!!!


 

今天看到了博客園 這篇文章 后  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 文件里就行了,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)尬聊


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM