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 中的类和闭包
Jan 08 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
Jan 17 Javascript
统计出现最多的字符次数的js代码
Dec 03 Javascript
jQuery中scrollTop()方法用法实例
Jan 16 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
基于iview-admin实现动态路由的示例代码
Oct 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求最大子序列和的算法实现
2011/06/24 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
php判断访问IP的方法
2015/06/19 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
JavaScript中break、continue和return的用法区别实例分析
2020/03/02 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
Windows下使Python2.x版本的解释器与3.x共存的方法
2015/10/25 Python
python中的lambda表达式用法详解
2016/06/22 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
ipython和python区别详解
2019/06/26 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
五四青年节演讲稿
2014/05/26 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书