免費(fèi)AI編程助手
正如 python 之禪所追求的那樣，優(yōu)美的代碼可以增加可讀性。python 通過對(duì)代碼格式的優(yōu)化，讓 python 代碼更加易讀。而 VSCode 則在代碼著色上進(jìn)行優(yōu)化，讓代碼的可讀性又上了一個(gè)層次。接下來這篇文章，我們不講代碼，就講 VSCode 的代碼顏色，以及好看的 VSCode 主題。
首先，沒有代碼著色的代碼長(zhǎng)這樣。因?yàn)樵陂_發(fā)過程中注意縮進(jìn)，所以格式看起來不算混亂（代碼格式上算比較好的了）。
這樣子的代碼邏輯結(jié)構(gòu)很清晰，但是在代碼的理解和閱讀上就比較吃力（為什么會(huì)有一個(gè)標(biāo)簽這么長(zhǎng)，前后還不一樣？啊看岔了，原來后面還有一段常常的屬性）。
許多代碼編輯器就在代碼著色上下功夫，以 IDEA 為例，他的標(biāo)簽是淺黃色，屬性名是灰色，屬性值是淺綠色，代碼出錯(cuò)是紅色。這樣子閱讀代碼的人很輕松的就能發(fā)現(xiàn)代碼的表現(xiàn)和屬性的不同。
通過對(duì)不同的字符進(jìn)行不同顏色的渲染，可以讓用戶更直白的看出某個(gè)字符串是變量還是函數(shù)，這點(diǎn)在編程語言的代碼展示中更為重要也特別有用。
作為出色的代碼編輯器，VSCode 自帶的代碼著色也十分優(yōu)秀，而且在顏色的選取上比 IDEA 更加合理，顏色區(qū)分度大讓閱讀者能更清楚的看清每個(gè)字符串的不同。
然而，這還不算終點(diǎn)。因?yàn)?VSCode 支持插件拓展，有部分開發(fā)者就開發(fā)了各種好看的代碼著色(比如將很著名的代碼編輯器 Atom 的代碼著色樣式給模仿過來了)。接下來，就是介紹各種花里胡哨的插件的時(shí)候了！
Atom one dark theme
深色的主題配上 Atom 的代碼著色，與 VSCode 原版的代碼著色是不同的風(fēng)格，紅色與綠色的組合對(duì)比度也比較高?；ɑňG綠的代碼也能讓編程的人感到心情更愉悅（等到 debug 找不到 bug 的時(shí)候再好看的代碼也不能讓我心情愉悅）。
Atom dark syntax
與上一款主題相似，但是在代碼著色上用的顏色更具沖擊力。不過這樣的代碼風(fēng)格對(duì)眼睛的刺激比較大（小編表示已經(jīng)看瞎了），小編接受不了。
Atom one light theme
在代碼著色方面與第一款主題相同，但主題是白色的（明亮色系）。這種主題因?yàn)槊髁?，?duì)視覺的沖擊也比較大，看久了容易視覺疲勞（小編再度亮瞎）。不過深色系的主題雖然看著舒服，但也會(huì)因?yàn)榱炼炔粔蚨谕队罢故镜臅r(shí)候吃虧，這時(shí)候亮色系的主題就更具優(yōu)勢(shì)了。
Dark green cursor theme
與第二款主題類似，都是很明亮的代碼著色，只不過顏色不同罷了。
以上代碼主題都可以在 VSCode 的插件市場(chǎng)上找到。
以上插件觀點(diǎn)為小編個(gè)人觀點(diǎn)。各人審美不同，如有冒犯，敬請(qǐng)諒解。
小結(jié)
雖然代碼著色對(duì)于編程沒有實(shí)質(zhì)性的提升，但它提升的代碼的可閱讀性，而且多彩的代碼可以給人以美的享受，各位讀者大大可以嘗試使用，相信我，好看的主題用了就停不下來！
另外，代碼著色雖然對(duì)編程沒有實(shí)質(zhì)性的提升，但因?yàn)榇a著色的原理是對(duì)代碼中的語素（標(biāo)識(shí)符，變量等）進(jìn)行著色，所以著色失敗也就意味著你的代碼有問題（不能通過詞法分析），可以避免一些錯(cuò)誤代碼。從這個(gè)層面看代碼著色還是很有必要的。
更多好用工具介紹，盡在W3C技術(shù)頭條。
