事前準備


Visual Studio Code *1個

電腦 *1個

Windows / MacOS / Linux 系統 *1個

自己喜歡的背景圖 *1張

前言

Visual Studio Code介紹


Visual Studio Code (簡稱VSCode)是一個由微軟開發的,同時支援Windows、Linux和MacOS作業系統且開放原始碼的文字編輯器,它支援偵錯,並內建了Git 版本控制功能,同時也具有開發環境功能,例如程式碼補全(類似於IntelliSense)、程式碼片段和程式碼重構等,該編輯器支援用戶自訂組態,例如改變主題顏色、鍵盤捷徑等各種屬性和參數,還在編輯器中內建了擴充程式管理的功能。


軟體名稱:Visual Studio Code

授權型式:免費

語言介面:英文 (繁/簡 中文需要安裝延伸模組)

作業系統:Windows / MacOS / Linux

官方網站:

開始

步驟一


1.首先在VSCode延伸模組中,找到 background 這個插件,快捷鍵 Ctrl+shift+x
P.S: 因為我先前已經安裝過,所以我這裹會顯示 停用 和 解除安裝。
如果找不到 Background 插件可以到以下鏈結:

步驟二


完成第一步就已經有默認背景了,可是想設置自己喜歡的怎麽辦?往下看
到左側打開 .vscode 資料夾,並打開 settings.json 。 若沒有該資料夾,請自行創建並留意檔尾是 .json

然後輸入以下指令:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///C:/XXX.jpg" //相片路徑
],
"background.style": {
"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
}
}

就像這樣:

注意


opacity 是不透明度設為 0.1 ~ 0.2 較佳

圖片尺寸為 1540*940 較佳

資料


我在 VSCode 中用的壁紙: