檢查和測(cè)試代碼來(lái)發(fā)現(xiàn)任何潛在錯(cuò)誤，從而在放到網(wǎng)站上之前及時(shí)消除錯(cuò)誤是一個(gè)非常重要的過(guò)程。代碼檢查的過(guò)程也俗稱為是Web設(shè)計(jì)師 和開(kāi)發(fā)者之間的linting。作為一個(gè)設(shè)計(jì)師，如果你想要寫(xiě)出高度優(yōu)化的代碼，那么你一定需要linting工具。有兩種類型的代碼檢查工具。一種是在 執(zhí)行時(shí)間檢查代碼中的錯(cuò)誤和bug。另一種是使用靜態(tài)代碼分析技術(shù)并在執(zhí)行前檢查碼。后者因?yàn)榭梢怨?jié)省時(shí)間和麻煩顯然更佳。

事實(shí)上，linting可以放在不同的階段。如果你喜歡在敲代碼的時(shí)候測(cè)試代碼，那么你可以使用lint工具。當(dāng)然，如果你想在保持文件的時(shí)候或執(zhí) 行的階段lint代碼，那么linting工具也可以如你所愿。這取決于個(gè)人的選擇。如果你正在找尋用于CSS和JavaScript最好的 linting工具，那么請(qǐng)繼續(xù)閱讀。

1.CSSLint

誠(chéng)然CSSLint會(huì)“傷害你的感情”，但作為交換它會(huì)“讓你的代碼改進(jìn)很多” 。CSSLint目前領(lǐng)導(dǎo)了CSS linting的市場(chǎng)。它用JavaScript編寫(xiě)，不但是開(kāi)源的，而且自帶大量的配置選項(xiàng)。

2.SublimeLinter CSSLint

CSSLint是一次如此高效的CSS linting工具，以致于很難找到一個(gè)競(jìng)爭(zhēng)對(duì)手可以與之媲美。也許這就是為什么 SublimeLinter linting框架會(huì)把它的CSS linting插件構(gòu)建在CSSLint上面的原因。SublimeLinter是一個(gè) SublimeText插件，給用戶提供了lint代碼（CSS，PHP，Python，Java，Ruby等）的手段。

3.StyleLint

StyleLint可以幫助開(kāi)發(fā)人員避免CSS、SCSS中或任何其他PostCSS可以解析的語(yǔ)法錯(cuò)誤。StyleLint測(cè)試了超過(guò)一百條規(guī)則，你可以選擇你想切換的那些規(guī)則（見(jiàn)此舉例配置）。

4.W3C CSS Validator

盡管W3C的CSS Validator通常不被認(rèn)為是一種linting工具，但它為開(kāi)發(fā)人員提供了一個(gè)用W3C官方標(biāo)準(zhǔn)檢查CSS代碼的很好機(jī)會(huì)。W3C建立它自己的驗(yàn)證程序，旨在提供一個(gè)類似于Lint程序檢查器針對(duì)C語(yǔ)言的工具。

5.Dirty Markup

Dirty Markup可以清理，格式化以及驗(yàn)證你的HTML、CSS和JavaScript代碼。如果你喜歡簡(jiǎn)單直接的設(shè)計(jì)，并希望一個(gè)快捷的解決方案，那么選它就對(duì)了。當(dāng)你在編輯器中編寫(xiě)或修改代碼的時(shí)候，Dirty Markup可以實(shí)時(shí)拋出錯(cuò)誤消息和通知。

6.JSLint

JSLint最初由Douglas Crockford發(fā)布于2002年，從那時(shí)起就有了蓬勃的生命力，因此你可以安全地認(rèn)定它是一個(gè)既穩(wěn)定又可靠的JavaScript linting工具。

7.JSHint

JSHint是一個(gè)社區(qū)驅(qū)動(dòng)項(xiàng)目，始于竭力創(chuàng)造一個(gè)更可配置，不那么固執(zhí)的JSLint版本。JSHint允許開(kāi)發(fā)人員配置任何它的linting選項(xiàng)，然后把自定義的配置放到一個(gè)單獨(dú)的文件中，這使得該工具很容易重復(fù)使用，因此非常適合大型項(xiàng)目。

8.ESLint

ESLint是JavaScript linting宏圖中最近的一件大事。之所以受歡迎是因?yàn)楦叨褥`活的特性。你不僅可以自定義大量尖端的linting規(guī)則，將之與所有主要的代碼編輯器集成，還可以很容易地通過(guò)添加不同的插件擴(kuò)展其功能。

9.JSCS

JSCS，或JavaScript Code Style，是針對(duì)JavaScript的一個(gè)可插拔的代碼風(fēng)格linter，用來(lái)檢查代碼格式規(guī)則。JSCS的目標(biāo)是提供一個(gè)用編程方式實(shí)施遵從于某一 編碼風(fēng)格向?qū)У氖侄巍ｋm然JSCS不檢查bug和錯(cuò)誤，但它仍然為許多高科技行業(yè)的參與者，如谷歌、AirBnB和AngularJS所用，因?yàn)樗梢詭?助開(kāi)發(fā)人員保持一個(gè)高度可讀又一致的代碼庫(kù)。

10.StandardJS

StandardJS，或JavaScript Standard Style是一種代碼風(fēng)格linter，有點(diǎn)像JSCS，但區(qū)別是更為簡(jiǎn)單和直接。如果你不想花時(shí)間在配置上，只想要一個(gè)能開(kāi)箱即用的高效工具的話，那么StandardJS是一個(gè)超棒的選擇。

譯文鏈接：http://www.codeceo.com/article/10-css-javascript-linting-tool.html
英文原文：10 CSS and JavaScript Linting Tools for Code Optimization

最新評(píng)論