JSLint的使用

     最近在做js代码质量检测的工作,直接百度到了JSLint这个工具,本篇只是介绍怎么使用这个工具。

下载JSLint:

    可以使用工具来下载:https://jslint-toolkit.googlecode.com/files/JSLint-Toolkit-v1.2.zip

    我自己也在CSDN上传了JSLint这个工具(不要分)。

JSLint的使用_第1张图片

配置JSLint(也可以不配置,主要是修改检查文件的路径或者检查文件的路径):

    JSLint的配置非常简单,找到目录下的config.json文件:
  JSLint的使用_第2张图片
     修改配置:
         includes:是要检查的js路径(由图可以看出是可以检查多个目录的)
         excludes:是需要排除的文件
         excludeNames:排除文件的名字
         outPath:是输出文件的路径
     以上经常用到的就是includes,和outPath这两个配置,可以根据自己的需要来更改
JSLint的使用_第3张图片
      将要检查的js文件拷到includes配置的路径下,检测后的输出目录就是outPath配置的路径

运行JSLint:

     直接运行目录下的run.bat文件:

JSLint的使用_第4张图片

     检测完毕后打开out目录下的index.html文件:

      JSLint的使用_第5张图片

    然后发现什么也没有。。。。。之前我也是直接这么用的。

    打开页面调试:

   JSLint的使用_第6张图片

      可以看到错误:无法加载,请求只支持协议方案:http,date........

      出现这样错误的原因大部分都是这个文件不可以直接在浏览器打开的,需要从网络服务器来访问他,例如:Apache等,这里为了简单起见,直接使用eclipse或者idea这类型的工具就可以了。

      我用的是myeclipse,建立web project,然后将out目录下的这三个文件复制到WebRoot目录下(可能会有编译错误,不用管):

JSLint的使用_第7张图片

JSLint的使用_第8张图片

    然后启动服务器(例如:Tomcat,Jboss等),在页面访问就会出现我们检测到的错误了:

JSLint的使用_第9张图片


    到此JSLint的使用就结束了,欢迎大家吐槽,有不完善的地方还请大家指出。

    这两天正在研究自定义功能和去掉一些不必要的检测,有成果后会再写一篇。

你可能感兴趣的:(JSLint)