建站
咨詢
售后
建站咨詢
新聞中心
持久化 UI 視圖設(shè)置是 VS Code 定制的第一步，而第二步就是修改工作區(qū)里各個(gè)視圖的配色了。相信你早就在插件市場(chǎng)下載過(guò)各種主題然后使用了，但其實(shí)自己修改主題顏色也非常簡(jiǎn)單，甚至不要求你有任何的編程知識(shí)。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供浪卡子網(wǎng)站建設(shè)、浪卡子做網(wǎng)站、浪卡子網(wǎng)站設(shè)計(jì)、浪卡子網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、浪卡子企業(yè)網(wǎng)站模板建站服務(wù)，十多年浪卡子做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
首先，運(yùn)行命令 “打開(kāi)設(shè)置（JSON）”去打開(kāi)個(gè)人設(shè)置。然后你在編輯器里輸入 “workbench.colorCustomizations”，這時(shí)候，VS Code 的自動(dòng)補(bǔ)全就會(huì)給你兩個(gè)提示項(xiàng)了，第一個(gè)是：
{
"statusBar.background": "#666666",
"panel.background": "#555555",
"sideBar.background": "#444444"
}JSON
第二個(gè)是 {} 。當(dāng)你選擇第一個(gè)提示項(xiàng)，此時(shí)這個(gè)配置是這樣的：
"workbench.colorCustomizations": {
"statusBar.background": "#666666",
"panel.background": "#555555",
"sideBar.background": "#444444"
}JSON
workbench.colorCustomizations 有很多屬性，它們的鍵（key）就是代表著各個(gè)組件的屬性，在示例里，它們是：
- statusBar.background，狀態(tài)欄背景色
- panel.background，面板背景色
- sideBar.background，側(cè)邊欄背景色
而它們的值則是顏色的 HEX 值。此時(shí)當(dāng)你保存文件后，你會(huì)發(fā)現(xiàn) VS Code 發(fā)生了變化。
沒(méi)錯(cuò)，上面提到的這三個(gè)組件的背景色都立刻發(fā)生了變化。而你在設(shè)置里添加的這三組鍵值（key-value pair），跟主題插件里的書寫方式一模一樣。
已經(jīng)知道了去哪里書寫這些顏色配置，下面就是要知道有哪些可以修改的值了。最簡(jiǎn)單的方式當(dāng)然是通過(guò)自動(dòng)補(bǔ)全。
VS Code 自動(dòng)補(bǔ)全列表提供了所有可以修改的顏色，而如果你希望對(duì)此有個(gè)全的了解再進(jìn)行書寫，你也可以閱讀官方文檔。
本文名稱：創(chuàng)新互聯(lián)vscode教程：vscode 修改工作區(qū)配色
標(biāo)題URL：http://www.5511xx.com/article/dpedgji.html
