文档章节

atom中使用JSHint

我是偶哦
 我是偶哦
发布于 2016/06/28 20:13
字数 772
阅读 1129
收藏 2

程序是写给人读的,只是偶尔让计算机执行一下。

在开发的过程中代码的编程风格是一个非常特别问题,大家都知道一个好的编程风格对阅读程序的重要性,但是代码的编程风格是没有个固定的标准,很难说哪种编程风格好哪种不好,但是它们之间有些通用的准则。

在JavaScript中有两个比较常用的代码检查工具JSLint和JSHint,JSLint的可配置性比较差,很多选项是无法修改的,所以出现了JSLint的分支项目JSHint,JSHint几乎可以配置所有的编程风格检查。

如果你比较认可JSLint的编程风格可以直接使用,如果有些不太符合你的习惯,那么可以使用JSHint自定义自己的编程风格。这里就介绍如何在Atom中使用JSHint,先上效果图:

效果图

安装步骤:

方法一:

  1. 安装atom编辑器,
  2. apm install linter
  3. apm install linter-jshint

方法二:

  1. 安装atom编辑器
  2. 安装node js,别忘了配置环境变量
  3. 从github上下载linter的源码,解压后放到~/.atom/package中,在windows中~代表C:/Users/用户名
  4. 打开命令行进入到
  cd ~/.atom/package/linter
  npm install
  1. 从github中下载linter-jshint,同样解压到~/.atom/package中,然后npm install

别忘了重启atom编辑器,接下来就是配置JSHint,我们可以在建一个文件~/.jshintrc,作为全局配置,我们也可以在某个具体项目设置不同规则,放在项目根目录下。 下面是个demo,参考修改,如果想知道更多的配置选项,下面有链接。

{
    /*禁用位运算符,位运算符在JavaScript中使用较少,经常是把&&错输成&*/
    "bitwise": true,
    /*循环或者条件语句必须使用花括号包围*/
    "curly": true,
    /*强制使用三等号*/
    "eqeqeq": true,
    /*使用ES3标准, 主要为了兼容IE 6/7/8/9*/
    "es3": true,
    /*使用ES5标准*/
    "es5":true,
    /*上面两个 es3 和 es5 已过时,接下来的版本不再支持,
    使用以下三个标签代替,*/
    /*ECMAScript 3 的规范,保证兼容老的浏览器*/
    "esversion":3,
    /*ECMAScript 5.1 的规范*/
    "esversion":5,
     /*ECMAScript 6 的规范,注意浏览器支不支持ES6*/
    "esversion":6,
    /*禁止重写原生对象的原型,比如 Array , Date*/
    "freeze": true,
    /*代码缩进*/
    "indent": true,
    /*禁止定义之前使用变量,忽略 function 函数声明*/
    "latedef": "nofunc",
    /*构造器函数首字母大写*/
    "newcap": true,
    /*
     * 禁止使用 arguments.caller 和 arguments.callee ,
     * 未来会被弃用, ECMAScript 5 禁止使用 arguments.callee
     */
    "noarg": true,
    /*严格模式*/
    "strict": true,
    /*最大参数*/
    "maxparams": 4,
    /*最大嵌套*/
    "maxdepth": 4,
    /*复杂度检测*/
    "maxcomplexity": true,
    /*禁止单引号和双引号混用*/
    "quotmark": false,
    /*变量必须定义*/
    "undef": true,
    /*变量必须使用*/
    "unused": true,
    /*预定义全局变量 document , navigator , FileReader 等*/
    "browser": true,
    /*定义用于调试的全局变量: console , alert*/
    "devel": true,
    /*jQuery全局变量*/
    "jquery": true,
    /*node全局变量*/
    "node": true
}

参考链接:

  1. linter github地址
  2. linter-jshint github地址
  3. jshintrc配置选项

© 著作权归作者所有

共有 人打赏支持
我是偶哦
粉丝 5
博文 32
码字总数 21607
作品 0
深圳
私信 提问
用 JSHint 减少 JavaScript 错误

JSHint是软件开发中的一个开源库。它可以用于来分析JavaScript代码,以及验证JavaScript代码是否按照你设置的魔种编码规则进行编译。这一强大的工具帮助你在代码中发现错误和问题,并且它还能...

oschina
2016/10/26
873
0
JSHint 使用说明

JSHint介绍 翻译自www.jshint.comJSHint(注意不是jslint:))是一个由javascript社区驱动开发的用于检查javascript代码错误和问题的工具,有了他,可以使你保持一个良好的编码风格。你可以很...

Ynataq
2015/03/16
4
1
《编写可维护的 JavaScript》读书笔记第15章:校验

查找文件 使用 fileset 元素包含和排除文件或目录,可以包含 Ant 通配符。例如: <fileset dir="./src" includes="**/.js"/> <fileset dir="./src" includes="/.js" excludes="/*-test.js"/......

张前程
2014/01/05
0
0
请问maven@osc。我上传的jar,然后在gradle中引用,报找不到

OSC你好。我在build.gradle中这样设置: 然后执行构建,得到这样的信息: Resource missing. [HTTP HEAD: http://maven.oschina.net/content/groups/public/com/zjzhai/jshint-gradle/1.0/js......

翟志军
2014/07/07
1K
2
在Brackets中使用jsHint遇到的问题

在Brackets安装使用jsHint,但发现jsHint不生效,仅有Brackets自带的jsLint生效。 此时可通过修改配置文件解决,首先确定已经安装了jsHint,在右边栏点击 Extension Manager图标,搜索jsHin...

Mr小Z
2015/11/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
11
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
9
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
8
0
在PC上测试移动端网站和模拟手机浏览器的5大方法

总结很全面,保存下来以备不时之需。原文地址:https://www.cnblogs.com/coolfeng/p/4708942.html

kitty1116
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部