VSCode插件推薦-更好看的代碼插件-atom插件系列

正如 python 之禪所追求的那樣，優(yōu)美的代碼可以增加可讀性。python 通過對代碼格式的優(yōu)化，讓 python 代碼更加易讀。而 VSCode 則在代碼著色上進(jìn)行優(yōu)化，讓代碼的可讀性又上了一個層次。接下來這篇文章，我們不講代碼，就講 VSCode 的代碼顏色，以及好看的 VSCode 主題。

首先，沒有代碼著色的代碼長這樣。因為在開發(fā)過程中注意縮進(jìn)，所以格式看起來不算混亂（代碼格式上算比較好的了）。

這樣子的代碼邏輯結(jié)構(gòu)很清晰，但是在代碼的理解和閱讀上就比較吃力（為什么會有一個標(biāo)簽這么長，前后還不一樣？啊看岔了，原來后面還有一段常常的屬性）。

許多代碼編輯器就在代碼著色上下功夫，以 IDEA 為例，他的標(biāo)簽是淺黃色，屬性名是灰色，屬性值是淺綠色，代碼出錯是紅色。這樣子閱讀代碼的人很輕松的就能發(fā)現(xiàn)代碼的表現(xiàn)和屬性的不同。

通過對不同的字符進(jìn)行不同顏色的渲染，可以讓用戶更直白的看出某個字符串是變量還是函數(shù)，這點在編程語言的代碼展示中更為重要也特別有用。

作為出色的代碼編輯器，VSCode 自帶的代碼著色也十分優(yōu)秀，而且在顏色的選取上比 IDEA 更加合理，顏色區(qū)分度大讓閱讀者能更清楚的看清每個字符串的不同。

然而，這還不算終點。因為 VSCode 支持插件拓展，有部分開發(fā)者就開發(fā)了各種好看的代碼著色(比如將很著名的代碼編輯器 Atom 的代碼著色樣式給模仿過來了)。接下來，就是介紹各種花里胡哨的插件的時候了！

Atom one dark theme

深色的主題配上 Atom 的代碼著色，與 VSCode 原版的代碼著色是不同的風(fēng)格，紅色與綠色的組合對比度也比較高?；ɑňG綠的代碼也能讓編程的人感到心情更愉悅（等到 debug 找不到 bug 的時候再好看的代碼也不能讓我心情愉悅）。

Atom dark syntax

與上一款主題相似，但是在代碼著色上用的顏色更具沖擊力。不過這樣的代碼風(fēng)格對眼睛的刺激比較大（小編表示已經(jīng)看瞎了），小編接受不了。

Atom one light theme

在代碼著色方面與第一款主題相同，但主題是白色的（明亮色系）。這種主題因為明亮，對視覺的沖擊也比較大，看久了容易視覺疲勞（小編再度亮瞎）。不過深色系的主題雖然看著舒服，但也會因為亮度不夠而在投影展示的時候吃虧，這時候亮色系的主題就更具優(yōu)勢了。 

Dark green cursor theme

與第二款主題類似，都是很明亮的代碼著色，只不過顏色不同罷了。

以上代碼主題都可以在 VSCode 的插件市場上找到。

以上插件觀點為小編個人觀點。各人審美不同，如有冒犯，敬請諒解。 

小結(jié)

雖然代碼著色對于編程沒有實質(zhì)性的提升，但它提升的代碼的可閱讀性，而且多彩的代碼可以給人以美的享受，各位讀者大大可以嘗試使用，相信我，好看的主題用了就停不下來！

另外，代碼著色雖然對編程沒有實質(zhì)性的提升，但因為代碼著色的原理是對代碼中的語素（標(biāo)識符，變量等）進(jìn)行著色，所以著色失敗也就意味著你的代碼有問題（不能通過詞法分析），可以避免一些錯誤代碼。從這個層面看代碼著色還是很有必要的。

更多好用工具介紹，盡在W3C技術(shù)頭條。