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