1. 程式人生 > >vscode自定義背景顏色

vscode自定義背景顏色

round 百度 取色 自定義背景 百度一下 tor strong edit 進行

大概做前端的builder(只會打代碼的才是coder,嘻嘻~)一半以上都會使用vscode編輯代碼吧,vscode很輕量,支持的文件拖拽加入編輯區功能我個人認為很方便很強大。
下面我寫一下怎麽更改vscode的背景圖讓自己的眼睛更舒服一些。
1. 首先vscode的背景顏色的定義都是放在每個主題的文件裏面的,所以我們是無法通過設置來更改背景顏色的。
2. 那就只能進入到相應的主題文件內部去進行更改嘍。
3. 我比較喜歡vscode的light主題裏面的Solarized light這個主題,因為它的背景色是那種溫和的小麥黃(*^▽^*),但是我又發現這個主題的代碼高亮功能不是很好,而Quite Light主題的代碼高亮功能就好一些,但是聽到Quite Light這個詞是不是就已經感到刺眼的光芒了呢?( ? ^ ? )。

4. 那麽有沒有既能保證眼睛舒服,又可以保證代碼高亮,還能比較方便的進行更改的方法呢?當然有了啊,要不然我寫個啥子哦。
5. 直接選擇Quite light主題,然後把這個主題的背景顏色改為小麥黃(或者你喜歡的顏色就可以了)



下面就進行實操了:

1.找到vscode所在的文件夾,找到如路徑:(一般進行默認安裝的都是這個路徑吧)

技術分享圖片

2. 使用vscode打開json文件

3. 使用查找功能,輸入:editor ,更改editor.background屬性的值為小麥色就可以了。

4. 小麥色可以百度到或者用PS取色器取一下,我采取的辦法是取色,不過是用的一個比較輕量級也很好用的切圖軟件pxcook

(百度一下你就知道)

5. 這時候保存文件可能會沒有權限保存,沒事,把當前更改的文件保存到桌面上,然後再與原來文件夾中的文件交換一下就可以啦(我好機智啊)

6. 重新打開vscode,恭喜您喜提小麥色vscode一枚,嘿嘿。


vscode自定義背景顏色