App下載

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

猿友 2021-06-04 18:07:00 瀏覽數(shù) (4522)
反饋

正如 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)和屬性的不同。

idea查看代碼

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

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

vscode查看代碼

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

Atom one dark theme

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

atom主題1

Atom dark syntax

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

atom主題2

Atom one light theme

在代碼著色方面與第一款主題相同,但主題是白色的(明亮色系)。這種主題因?yàn)槊髁?,?duì)視覺的沖擊也比較大,看久了容易視覺疲勞(小編再度亮瞎)。不過深色系的主題雖然看著舒服,但也會(huì)因?yàn)榱炼炔粔蚨谕队罢故镜臅r(shí)候吃虧,這時(shí)候亮色系的主題就更具優(yōu)勢(shì)了。 

atom主題3

Dark green cursor theme

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

atom主題4

以上代碼主題都可以在 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ù)頭條。


0 人點(diǎn)贊