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 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
javascript与webservice的通信实现代码
Dec 25 Javascript
JavaScript中函数声明优先于变量声明的实例分析
Mar 01 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
IE和Firefox之间在JavaScript语法上的差异
Apr 22 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 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执行速度全攻略(上)
2006/10/09 PHP
PHP4实际应用经验篇(7)
2006/10/09 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
使用jQuery实现购物车结算功能
2017/08/15 jQuery
微信小程序中setInterval的使用方法
2017/09/29 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
2019/11/01 jQuery
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
python 实现归并排序算法
2012/06/05 Python
python使用PyFetion来发送短信的例子
2014/04/22 Python
python的pstuil模块使用方法总结
2019/07/26 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
CSS3+js实现简单的时钟特效
2015/03/18 HTML / CSS
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
UML设计模式笔试题
2014/06/07 面试题
教师岗位职责
2013/11/17 职场文书
餐饮业创业计划书范文
2014/01/06 职场文书
信用卡工资证明范本
2015/06/19 职场文书
男生贾里读书笔记
2015/06/30 职场文书
干部考核工作总结2015
2015/07/24 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
创业计划书之家政服务
2019/09/18 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
详细聊聊vue中组件的props属性
2021/11/02 Vue.js