Node调试工具JSHint的安装及配置教程


Posted in Javascript onMay 27, 2014

现在我们介绍一种在Node下检查简单错误的JS代码验证工具JSHint。

JSHint的具体介绍参考http://www.jshint.com/about/,说直白点儿,JSHint就是一个检查JS代码规范与否的工具,它可以用来检查任何(包括server端和client端)地方的JS代码的规范性。它提供了配置的方法,从而让开发者自己来定义检查哪些规范上的错误。这就给开发者带来了很大的便利性,因为在开发过程中,尤其是在团队开发过程中会经常遇到各种各样因不符合规范而带来的问题,或者一些常见的文本错误,如使用未定义的函数或者参数等。

1、安装JSHint。

打开cmd命令窗口,输入以下命令:

npm install -g jshint  //-g的意思是全局使用

注:如果提示npm不是内部或者外部命令,那么多半是你没有安装node或者npm。具体安装过程请参考http://dailyjs.com/2012/05/03/windows-and-node-1/。

2、运行JSHint。

打开cmd命令窗口,使用cd切换到你对应的应用目录下,输入一下命令:

jshint my_app.js

注:my_app.js即是你打算校验或者检查的文件。

3、配置JSHint。

JSHint提供了配置的方法,使你可以根据自己团队或者爱好来定义检查校验的规则。可以到https://github.com/jshint/node-jshint/blob/master/.jshintrc复制默认的规则文件。

方法一:如果你将复制来的规则文件命名为.jshintrc的文件,并且将文件放在对应目录或者父目录下,那么在运行JSHint的时候,会自动检索并使用此规则文件。

方法二:如果你并没有将规则文件命名为符合规则的名字(即用.jshintrc),那么可以在运行JSHint的时候手动指定规则文件,例如你将规则文件命名为jshint.json。那么可以使用一下命令来运行JSHint并应用你的规则:

jshint my_app.js --config /root/application/jshint.json  //指定规则文件路径

4、配置文件的规则。

配置文件的规则由很多,包括常见的分号使用与否、class构造器函数首字母大写等。具体的规则不再一一赘述,请参考http://www.jshint.com/docs/。

通过使用JSHint这一工具,会将你JS代码中很多常见的错误或者不小心搞错的代码检查出来。当然,JSHint不会强大到检查出你所有的错误。不过不用担心,还有另外几个可以为Node所用的调试工具,这次就仅仅介绍一下JSHint。

以上是本人的一点愚见,如有错误,敬请指出。欢迎交流讨论。

Javascript 相关文章推荐
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 Javascript
Bootstrap布局方式详解
May 27 Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
基于jquery实现五星好评
Nov 18 jQuery
js字符串处理之绝妙的代码
Apr 05 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 Javascript
javaScript使用EL表达式的几种方式
May 27 #Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 #Javascript
利用javascript实现全部删或清空所选的操作
May 27 #Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 #Javascript
浅析javascript中function 的 length 属性
May 27 #Javascript
JavaScript模块随意拖动示例代码
May 27 #Javascript
javascript中不提供sleep功能如何实现这个功能
May 27 #Javascript
You might like
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
php之可变变量的实例详解
2017/09/12 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
13 个JavaScript 性能提升技巧分享
2012/07/26 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
利用javascript实现全部删或清空所选的操作
2014/05/27 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
原生JS实现几个常用DOM操作API实例
2017/01/19 Javascript
AngularJs表单校验功能实例代码
2017/02/09 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
JS实现页面打印功能
2017/03/16 Javascript
vue 微信授权登录解决方案
2018/04/10 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
python字典序问题实例
2014/09/26 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
业务部主管岗位职责
2014/01/29 职场文书
小学生考试获奖感言
2014/01/30 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
活动总结怎么写
2014/04/28 职场文书
公开承诺书格式
2014/05/21 职场文书
副总经理任命书
2014/06/05 职场文书
六一儿童节标语
2014/10/08 职场文书
幼儿园教师求职信
2015/03/20 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
创业计划书之酒厂
2019/10/14 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
索尼ICF-5900W收音机测评
2022/04/24 无线电