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 性能优化指南 (1)
May 21 Javascript
javascript 图片裁剪技巧解读
Nov 15 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
May 08 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 Javascript
基于JavaScript实现购物车功能
Feb 07 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
javascript实现倒计时提示框
Mar 02 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设置允许大文件上传示例代码
2014/03/10 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
JSONP 跨域共享信息
2012/08/16 Javascript
浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总
2013/07/08 Javascript
js 实现 input type="file" 文件上传示例代码
2013/08/07 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
python获取远程图片大小和尺寸的方法
2015/03/26 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
python flask几分钟实现web服务的例子
2019/07/26 Python
在python中求分布函数相关的包实例
2020/04/15 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
Django中ORM的基本使用教程
2020/12/22 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
农民入党思想汇报
2014/01/03 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
新年爱情寄语
2014/04/08 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
信仰观后感
2015/06/03 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫