很多小伙伴在使用Vscode的時(shí)候,想知道怎么修改編輯器配色,下面小編就為大家分享Vsc
很多小伙伴在使用Vscode的時(shí)候,想知道怎么修改編輯器配色,下面小編就為大家分享Vscode修改編輯器配色方法,感興趣的小伙伴不要錯(cuò)過(guò)哦!
??????Vscode怎么修改編輯器配色? Vscode修改編輯器配色方法
??????1、首先,你要做的,就是知道你想要修改的代碼,是屬于什么基本類(lèi)型。你可以將光標(biāo)移動(dòng)到某段你想要修改顏色的代碼上,比如將光標(biāo)移動(dòng)到一段字符串上,

??????2、然后,在命令面板里運(yùn)行 “檢查T(mén)M作用域”(Inspect TM Scopes)命令。

??????3、此時(shí),編輯器中出現(xiàn)一個(gè)新的懸浮窗。這個(gè)窗口里呈現(xiàn)的,就是當(dāng)前這個(gè)代碼片段所對(duì)應(yīng)的語(yǔ)言、語(yǔ)法類(lèi)型以及當(dāng)前的顏色和背景色等。

??????4、比如在上圖里,這個(gè)窗口呈現(xiàn)了以下信息:
??????當(dāng)前的 token 是 hello,它的類(lèi)型是 String;
??????它的顏色是 #ce9178ff ,背景色是 #1e1e1eff;
??????它所屬的語(yǔ)法作用域由內(nèi)而外分別是 string.quoted.double.js,meta.var.expr.js,source.js。
??????5、接著如果你想要將所有字符串都變成紅色,那么就需要修改String這個(gè)作用域的顏色。下面,你可以再次打開(kāi)個(gè)人設(shè)置(JSON),輸入 editor.tokenColorCustomizations;

??????6、再把光標(biāo)放入這個(gè) JSON 對(duì)象中,按下 “Ctrl + Space” 觸發(fā)建議列表,就能夠看到如下的建議。

??????7、建議列表中首先出現(xiàn)的,就是你可以在 VS Code 中使用的所有的主題的名字。通過(guò)選擇它們,你可以只覆蓋某個(gè)主題中的某個(gè)顏色。這里你可以滾動(dòng)這個(gè)列表,看看下面還有別的什么建議。

??????你可以看到如下幾個(gè)選項(xiàng):
??????comments 代表著注釋的顏色;
??????functions 代表著函數(shù)的寒色;
??????keywords 代表著關(guān)鍵字的顏色;
??????numbers 代表著數(shù)字的顏色;
??????strings 代表著字符串的顏色;
??????types 代表著類(lèi)型的顏色;
??????variables 代表著變量的顏色;
??????textMateRules 我下面會(huì)再介紹。
??????為了修改字符串的顏色,你只需選擇 strings 即可,然后將其修改為紅色,也就是:
??????"editor.tokenColorCustomizations": { "strings": "#FF0000", }
??????8、最后保存設(shè)置后,你再回到剛才的 JavaScript 文件時(shí),就可以看到字符串顏色都變了。
