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 confirm选择判断
Oct 18 Javascript
javascript里模拟sleep(两种实现方式)
Jan 25 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
详解Vue项目编译后部署在非网站根目录的解决方案
Apr 26 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
在vue中使用Echarts画曲线图的示例
Oct 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
php实现快速排序法函数代码
2012/08/27 PHP
php并发对MYSQL造成压力的解决方法
2013/02/21 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
php下获取http状态的实现代码
2014/05/09 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
javascript Object与Function使用
2010/01/11 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
js获取class的所有元素
2013/03/28 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
基于JavaScript定位当前的地理位置
2017/04/11 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
python3 实现对图片进行局部切割的方法
2018/12/05 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
python开启debug模式的方法
2019/06/27 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
金融专业个人求职信范文
2013/11/28 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python