怎么自定義設置vscode編輯器的主題和代碼顏色？下面本篇文章就來給大家介紹一下修改主題和代碼顏色的方法，希望對大家有所幫助！
在VS Code 的左下角，點擊設置。
打開設置后，在搜索欄搜索關鍵字：主題。
搜索結果顯示有許多個在setting.json中編輯，任意點開一個，即可編輯代碼的顏色。【推薦學習：《vscode》】
在文件setting.json的代碼后面，插入相應的代碼，然后保存。
代碼如下：
????//?自定義的顏色 ????"editor.tokenColorCustomizations":?{ ????????"comments":?"#55aa7f",?//?注釋 ????????"keywords":?"#ff55ff",?//?關鍵字 ????????"variables":?"#a792e2",?//?變量名? ????????"strings":?"#00ff7f",?//?字符串 ????????"functions":?"#ffff00",?//?內置函數名 ????????"numbers":?"#00eeff",?//?數字 ????????"types":?"#55bbff",?//類定義顏色 ????},
你會發現編輯器里的代碼顏色隨之改變了。
發現引號的顏色，還是不太喜歡，于是又找了許久資料，繼續折騰。
//文本匹配規則后面的代碼，會覆蓋前面的顏色設置代碼。
//?自定義的顏色 ????"editor.tokenColorCustomizations":?{ ????????"comments":?"#55aa7f",?//?注釋 ????????"keywords":?"#ff55ff",?//?關鍵字 ????????"variables":?"#5eccf8",?//?變量名?函數的參數名? ????????"strings":?"#00ff7f",?//?字符串 ????????"functions":?"#ffbb00",?//?自定義及內置的函數名稱?如：print ????????"numbers":?"#00eeff",?//?數字 ????????"types":?"#55bbff",?//類定義顏色 ????????//文本匹配規則 ????????"textMateRules":?[ ????????????//entity.name.function",????????????????????//直接調用的函數 ????????????//entity.name.type",????????????????????????//typedef定義的變量 ????????????//keyword.control",?????????????????????????//if?switch?break?return ????????????//keyword.operator.assignment",?????????????//?=等號/賦值號?|=?&= ????????????//"keyword.operator.logical",???????????????//邏輯符號?&&?||?! ????????????//"constant.character.escape",??????????????//"rn" ????????????//constant.other.placeholder",??????????????//"%s?%c" ????????????//punctuation.definition.comment",??????????//?//?/*注釋開頭 ????????????//constant.numeric",????????????????????????//數字:50?10??0x20的20部分 ????????????//keyword.operator.word?????????????????????//and?or?not ????????????//"scope":"meta",???????????????????????????//括號?函數聲明的括號?調用的括號... ????????????//punctuation.separator",???????????????????//冒號?逗號 ????????????//punctuation.terminator",??????????????????//分號 ????????????//storage.modifier",????????????????????????//static?const ????????????//string.quoted.single",????????????????????//單引號字符串 ????????????//string.quoted.double",????????????????????//雙引號字符串 ????????????//string.quoted.triple",????????????????????//三引號字符串 ????????????//"storage.type",???????????????????????????//void?int?char? ????????????//"punctuation.definition.string.begin",????//左雙引號 ????????????//"punctuation.definition.string.end",??????//右雙引號 ????????????//########################################################################## ????????????//系統內置的函數名稱的顏色?如：print?len? ????????????{ ????????????????"scope":?"support.function", ????????????????"settings":?{ ????????????????????"foreground":?"#ffbb00", ????????????????} ????????????}, ????????????//類的名稱顏色?如class?abc()?中的abc ????????????{ ????????????????"scope":?"entity.name.type",?//函數和類的名稱顏色 ????????????????"settings":?{ ????????????????????"foreground":?"#14fff3", ????????????????} ????????????}, ????????????//類和函數的定義單詞顏色?def?class ????????????{ ????????????????"scope":?"storage.type",?//void?int?char? ????????????????"settings":?{ ????????????????????"foreground":?"#ff00c8", ????????????????} ????????????}, ????????????//不知道是什么 ????????????{ ????????????????"scope":?"storage.modifier",?//static?const ????????????????"settings":?{ ????????????????????"foreground":?"#ffe600de", ????????????????} ????????????}, ????????????//運算符號，如?+-*/= ????????????{ ????????????????"scope":?"keyword.operator",?//=等號/賦值號?|=?&= ????????????????"settings":?{ ????????????????????"foreground":?"#ff55ff", ????????????????} ????????????}, ????????????//?系統的控制關鍵詞：如?if?pass?return?f ????????????{ ????????????????"scope":?"keyword.control",?//if?switch?break?return ????????????????"settings":?{ ????????????????????"foreground":?"#ff00c8", ????????????????????"fontStyle":?"" ????????????????} ????????????}, ????????????//邏輯符號：如?and??or? ????????????{ ????????????????"scope":?"keyword.operator.logical",?//邏輯符號?&&?||?! ????????????????"settings":?{ ????????????????????"foreground":?"#ff00c8", ????????????????????"fontStyle":?"" ????????????????} ????????????}, ????????????//換行符、轉義符等如?：r?n ????????????{ ????????????????"scope":?"constant.character.escape",?//"rn" ????????????????"settings":?{ ????????????????????"foreground":?"#ee5050", ????????????????????"fontStyle":?"" ????????????????} ????????????}, ????????????//不知道是什么 ????????????{ ????????????????"scope":?"variable.other",?//結構體對象和成員等 ????????????????"settings":?{?//vscode使用C的顏色限制，這一點比較坑 ????????????????????"foreground":?"#4f1eff",?//比如Public.Delay(),顏色是一起變得 ????????????????????"fontStyle":?""?//不能單獨設置Public和Delay的顯示顏色 ????????????????}?//可能因為VS?Code主要用于前端，對C的支持不夠完善 ????????????}, ????????????//函數的參數名稱 ????????????{ ????????????????"scope":?"variable.parameter",?//函數參數-定義階段 ????????????????"settings":?{ ????????????????????"foreground":?"#5eccf8", ????????????????????"fontStyle":?"" ????????????????} ????????????}, ????????????{ ????????????????"scope":?"entity.name.section",?//函數參數-調用階段 ????????????????"settings":?{ ????????????????????"foreground":?"#ff0000", ????????????????????"fontStyle":?"" ????????????????} ????????????}, ????????????//?左單雙引號 ????????????{ ????????????????"scope":?"punctuation.definition.string.begin", ????????????????"settings":?{ ????????????????????"foreground":?"#00ff7f", ????????????????????"fontStyle":?"bold" ????????????????} ????????????}, ????????????//右單雙引號 ????????????{ ????????????????"scope":?"punctuation.definition.string.end", ????????????????"settings":?{ ????????????????????"foreground":?"#00ff7f", ????????????????????"fontStyle":?"bold"?//加粗 ????????????????} ????????????}, ????????????{ ????????????????"scope":?[ ????????????????????"constant.other.symbol", ????????????????], ????????????????"settings":?{ ????????????????????"foreground":?"#ff0000" ????????????????} ????????????} ????????] ????},
現在變成了這樣子：
成功修改了引號的顏色。但是True、None等系統保留字還是不知道怎么修改。
先這樣吧，基本可用了！
對我而言，顏值第一，賞心悅目的重要性，永遠靠前！
更多關于VSCode的相關知識，請訪問：vscode！！
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
