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 迁移目录
Dec 18 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
js 对小数加法精度处理示例说明
Dec 27 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
ExpressJS入门实例
Jan 14 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 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
Apache2 httpd.conf 中文版
2006/12/06 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
js 异步处理进度条
2010/04/01 Javascript
解释&&和||在javascript中的另类用法
2014/07/28 Javascript
JavaScript中的this机制
2016/01/30 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
jQuery的deferred对象使用详解
2016/09/25 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
浅谈Python中数据解析
2015/05/05 Python
Python多线程爬虫简单示例
2016/03/04 Python
python常见的格式化输出小结
2016/12/15 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
售后专员岗位职责
2013/12/08 职场文书
干部考核工作总结2015
2015/07/24 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书