建站
咨詢
售后
建站咨詢
新聞中心
除了工作區(qū)的配色，你也可以修改編輯器內(nèi)代碼的顏色。這個就真的強(qiáng)大了，因?yàn)闉榇a書寫語法文件和配色文件，都是非常復(fù)雜的，但是在 VS Code 中，你依然有非常簡單的方式去完成部分修改。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的棗莊網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
基本類型顏色修改
首先，你要做的，就是知道你想要修改的代碼，是屬于什么基本類型。你可以將光標(biāo)移動到某段你想要修改顏色的代碼上，比如將光標(biāo)移動到一段字符串上，
然后，在命令面板里運(yùn)行 “檢查TM作用域”（Inspect TM Scopes）命令。
此時，編輯器中出現(xiàn)一個新的懸浮窗。這個窗口里呈現(xiàn)的，就是當(dāng)前這個代碼片段所對應(yīng)的語言、語法類型以及當(dāng)前的顏色和背景色等。
比如在上圖里，這個窗口呈現(xiàn)了以下信息：
- 當(dāng)前的 token 是 hello，它的類型是 String；
- 它的顏色是 #ce9178ff ，背景色是 #1e1e1eff；
- 它所屬的語法作用域由內(nèi)而外分別是 string.quoted.double.js，meta.var.expr.js，source.js。
如果你想要將所有字符串都變成紅色，那么就需要修改String這個作用域的顏色。下面，你可以再次打開個人設(shè)置（JSON），輸入 editor.tokenColorCustomizations；
然后把光標(biāo)放入這個 JSON 對象中，按下 “Ctrl + Space” 觸發(fā)建議列表，就能夠看到如下的建議。
建議列表中首先出現(xiàn)的，就是你可以在 VS Code 中使用的所有的主題的名字。通過選擇它們，你可以只覆蓋某個主題中的某個顏色。這里你可以滾動這個列表，看看下面還有別的什么建議。
你可以看到如下幾個選項(xiàng)：
- comments 代表著注釋的顏色；
- functions 代表著函數(shù)的寒色；
- keywords 代表著關(guān)鍵字的顏色；
- numbers 代表著數(shù)字的顏色；
- strings 代表著字符串的顏色；
- types 代表著類型的顏色；
- variables 代表著變量的顏色；
- textMateRules 我下面會再介紹。
為了修改字符串的顏色，你只需選擇 strings 即可，然后將其修改為紅色，也就是：
"editor.tokenColorCustomizations": {
"strings": "#FF0000",
}JSON
保存設(shè)置后，你再回到剛才的 JavaScript 文件時，就可以看到字符串顏色都變了。
TextMate 規(guī)則修改
在上面的建議列表里，還有個 textMateRules選項(xiàng)，這個屬性是做什么用的呢？讓我們再來看下剛才在 JavaScript 文件里運(yùn)行 “Inspect TM Scopes” 看到的信息。
在這個窗口的最下方，就是 TextMate 的語法規(guī)則作用域了。hello 這個詞所處的 TextMate 語法作用域由內(nèi)而外分別是 string.quoted.double.js，meta.var.expr.js，source.js。VS Code 的主題插件在配置編輯器內(nèi)代碼的顏色時，就是針對這些作用域進(jìn)行設(shè)置的。而你要修改某個作用域所對應(yīng)的顏色，就是在設(shè)置中修改 textMateRules 。
比如說，你只想修改雙引號內(nèi)的字符串的顏色為紅色，其他的字符串都不修改，那么就需要修改 string.quoted.double.js 這個作用域的顏色。
在上面的動圖里， 你可以看到：輸入引號，然后自動補(bǔ)全填入了 TextMate 語法設(shè)置的模板，這之后，再將 scope 的值修改成了 string.quoted.double.js 。保存設(shè)置后，當(dāng)你再次打開之前的 JavaScript 文件，
“hello” 是紅色的，但是如果你輸入
var b = 'hello'JavaScript
單引號內(nèi)的 hello 依然是原來的顏色。
分享標(biāo)題：創(chuàng)新互聯(lián)vscode教程：vscode 修改編輯器配色
當(dāng)前路徑：http://m.fisionsoft.com.cn/article/djpjshe.html
