App下載

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

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

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

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

記事本查看代碼

這樣子的代碼邏輯結構很清晰,但是在代碼的理解和閱讀上就比較吃力(為什么會有一個標簽這么長,前后還不一樣?啊看岔了,原來后面還有一段常常的屬性)。

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

idea查看代碼

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

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

vscode查看代碼

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

Atom one dark theme

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

atom主題1

Atom dark syntax

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

atom主題2

Atom one light theme

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

atom主題3

Dark green cursor theme

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

atom主題4

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

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

小結

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

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

更多好用工具介紹,盡在W3C技術頭條


0 人點贊