就是想自定義一下編輯器的背景圖适贸，開發(fā)時(shí)增加一些新鮮感灸芳，看著自己喜歡的背景涝桅，搬磚的時(shí)候能更加充滿激情拜姿。然后我就去找度娘了，現(xiàn)在成功實(shí)現(xiàn)冯遂，所以特此記錄一下蕊肥。
方法一：使用插件進(jìn)行修改
- 在vscode中使用
ctrl+shift+x或者直接打開應(yīng)用商店，搜索background并進(jìn)行安裝； - 選擇
文件->首選項(xiàng)->設(shè)置壁却，搜索background批狱，點(diǎn)擊在settings.json中編輯，添加以下代碼：
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
// "file:///D:/vscode-background/1.jpg"
],
"background.styles": [
{
"content": "",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "center",
"background-repeat": "no-repeat",
"background-size": "100%,100%",
"opacity": 0.1,
},
],
- 重啟編輯器后展东，可以實(shí)現(xiàn)赔硫，如果彈出
code安裝錯(cuò)誤，請(qǐng)重新安裝之類的彈框盐肃，則需要安裝另一個(gè)插件進(jìn)行修復(fù)（我還重新安裝了一遍編輯器爪膊，就離譜，哈哈哈）砸王； - 安裝
Fix VSCode Checksums, 使用ctrl+shift+p推盛，輸入Fix checksums: Apply，重啟編輯器即可谦铃。
方法二：直接修改css源碼
修改源碼后耘成，可以連旁邊的項(xiàng)目目錄一起修改，這個(gè)感覺很棒驹闰，nice瘪菌。
直接按照目錄打開D:\MicrosoftVSCode\resources\app\out\vs\workbench\workbench.desktop.main.css文件，搜索body{疮方，差不多找到第5個(gè)的時(shí)候控嗜，直接修改代碼；
body{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 11px;
user-select: none;
pointer-events: auto !important;
background-size: 100% !important;
opacity: 0.8 !important;
background-position: 0 0 !important;
background-image: url("file:///D:/vscode-background/1.jpg") !important;
content: "";
position: absolute;
z-index: 99999;
background-repeat: no-repeat;
}
修改過后直接重啟編輯器即可查看效果骡显。
