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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
Jquery获得控件值的三种方法总结
Feb 13 Javascript
Javascript玩转继承(二)
May 08 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
vue中使用elementUI组件手动上传图片功能
Dec 13 Javascript
js 获取扫码枪输入数据的方法
Jun 10 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 Javascript
js实现圆形菜单选择器
Dec 03 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
php生成扇形比例图实例
2013/11/06 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
JS实现新建文件夹功能
2017/06/17 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
angular4自定义组件详解
2017/09/28 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
Python tkinter label 更新方法
2018/10/11 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
python实现批量注册网站用户的示例
2019/02/22 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
利用python实现汉诺塔游戏
2021/03/01 Python
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
春风行动实施方案
2014/03/28 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
演讲稿的写法
2014/05/19 职场文书
2014年小学数学教师工作总结
2014/12/03 职场文书
民主评议党员个人总结
2015/02/13 职场文书
抢劫罪辩护词
2015/05/21 职场文书
借条如何写
2015/05/26 职场文书
导游词之五台山
2019/10/11 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS