現(xiàn)在我們介紹一種在Node下檢查簡(jiǎn)單錯(cuò)誤的JS代碼驗(yàn)證工具JSHint。

　　JSHint的具體介紹參考http://www.jshint.com/about/，說(shuō)直白點(diǎn)兒，JSHint就是一個(gè)檢查JS代碼規(guī)范與否的工具，它可以用來(lái)檢查任何（包括server端和client端）地方的JS代碼的規(guī)范性。它提供了配置的方法，從而讓開(kāi)發(fā)者自己來(lái)定義檢查哪些規(guī)范上的錯(cuò)誤。這就給開(kāi)發(fā)者帶來(lái)了很大的便利性，因?yàn)樵陂_(kāi)發(fā)過(guò)程中，尤其是在團(tuán)隊(duì)開(kāi)發(fā)過(guò)程中會(huì)經(jīng)常遇到各種各樣因不符合規(guī)范而帶來(lái)的問(wèn)題，或者一些常見(jiàn)的文本錯(cuò)誤，如使用未定義的函數(shù)或者參數(shù)等。

　　1、安裝JSHint。

　　打開(kāi)cmd命令窗口，輸入以下命令：

注：如果提示npm不是內(nèi)部或者外部命令，那么多半是你沒(méi)有安裝node或者npm。具體安裝過(guò)程請(qǐng)參考http://dailyjs.com/2012/05/03/windows-and-node-1/。

　　2、運(yùn)行JSHint。

　　打開(kāi)cmd命令窗口，使用cd切換到你對(duì)應(yīng)的應(yīng)用目錄下，輸入一下命令：

注：my_app.js即是你打算校驗(yàn)或者檢查的文件。

　　3、配置JSHint。

　　JSHint提供了配置的方法，使你可以根據(jù)自己團(tuán)隊(duì)或者愛(ài)好來(lái)定義檢查校驗(yàn)的規(guī)則?？梢缘絟ttps://github.com/jshint/node-jshint/blob/master/.jshintrc復(fù)制默認(rèn)的規(guī)則文件。

　　方法一：如果你將復(fù)制來(lái)的規(guī)則文件命名為.jshintrc的文件，并且將文件放在對(duì)應(yīng)目錄或者父目錄下，那么在運(yùn)行JSHint的時(shí)候，會(huì)自動(dòng)檢索并使用此規(guī)則文件。

　　方法二：如果你并沒(méi)有將規(guī)則文件命名為符合規(guī)則的名字（即用.jshintrc），那么可以在運(yùn)行JSHint的時(shí)候手動(dòng)指定規(guī)則文件，例如你將規(guī)則文件命名為jshint.json。那么可以使用一下命令來(lái)運(yùn)行JSHint并應(yīng)用你的規(guī)則：

4、配置文件的規(guī)則。

　　配置文件的規(guī)則由很多，包括常見(jiàn)的分號(hào)使用與否、class構(gòu)造器函數(shù)首字母大寫等。具體的規(guī)則不再一一贅述，請(qǐng)參考http://www.jshint.com/docs/。

　　通過(guò)使用JSHint這一工具，會(huì)將你JS代碼中很多常見(jiàn)的錯(cuò)誤或者不小心搞錯(cuò)的代碼檢查出來(lái)。當(dāng)然，JSHint不會(huì)強(qiáng)大到檢查出你所有的錯(cuò)誤。不過(guò)不用擔(dān)心，還有另外幾個(gè)可以為Node所用的調(diào)試工具，這次就僅僅介紹一下JSHint。

　　以上是本人的一點(diǎn)愚見(jiàn)，如有錯(cuò)誤，敬請(qǐng)指出。歡迎交流討論。

最新評(píng)論