最近在做js代碼質量檢測的工作,直接百度到了JSLint這個工具,本篇只是介紹怎麼使用這個工具。
下載JSLint:
可以使用翻牆工具來下載:https://jslint-toolkit.googlecode.com/files/JSLint-Toolkit-v1.2.zip
我自己也在CSDN上傳了JSLint這個工具(不要分)。
配置JSLint(也可以不配置,主要是修改檢查文件的路徑或者檢查文件的路徑):
JSLint的配置非常簡單,找到目錄下的config.json文件:
修改配置:
includes:是要檢查的js路徑(由圖可以看出是可以檢查多個目錄的)
excludes:是需要排除的文件
excludeNames:排除文件的名字
outPath:是輸出文件的路徑
以上經常用到的就是includes,和outPath這兩個配置,可以根據自己的需要來更改
將要檢查的js文件拷到includes配置的路徑下,檢測後的輸出目錄就是outPath配置的路徑
運行JSLint:
直接運行目錄下的run.bat文件:
檢測完畢後打開out目錄下的index.html文件:
然後發現什麼也沒有。。。。。之前我也是直接這麼用的。
打開頁面調試:
可以看到錯誤:無法加載,請求只支持協議方案:http,date........
出現這樣錯誤的原因大部分都是這個文件不可以直接在瀏覽器打開的,需要從網絡服務器來訪問他,例如:Apache等,這裏爲了簡單起見,直接使用eclipse或者idea這類型的工具就可以了。
我用的是myeclipse,建立web project,然後將out目錄下的這三個文件複製到WebRoot目錄下(可能會有編譯錯誤,不用管):
然後啓動服務器(例如:Tomcat,Jboss等),在頁面訪問就會出現我們檢測到的錯誤了:
到此JSLint的使用就結束了,歡迎大家吐槽,有不完善的地方還請大家指出。
這兩天正在研究自定義功能和去掉一些不必要的檢測,有成果後會再寫一篇。