文档章节

atom中使用JSHint

我是偶哦
 我是偶哦
发布于 2016/06/28 20:13
字数 772
阅读 1110
收藏 2
点赞 0
评论 0

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

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

在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
博文 31
码字总数 21607
作品 0
深圳
NodeJS:Error: Cannot find module 'jshint/src/cli'

以前命令:npm install gulp-jshint --save-dev 实质上是安装jshint失败,缺少该模块。 更换命令 :npm install --save-dev jshint gulp-jshint 参考:http://stackoverflow.com/questions/......

easonjim ⋅ 2016/12/21 ⋅ 0

gulp的4个API 让你成为gulp专家

gulp 本身能做的事情非常少,主要是通过插件来提供各种功能,gulp本身只提供了4个非常简洁的API, 掌握这4个API你就基本掌握了gulp的全部。 一、gulp.task gulp 是基于task的方式来运行 定义 ...

JamesView ⋅ 04/19 ⋅ 0

【Angular4学习】npm 安装参数中的 --save-dev 含义 + package.json的依赖关系说明

关于 - -save-dev参数 有些 node.js 的包安装的时候都加上 –save-dev 参数,这参数是做什么的,加和不加有什么区别呢? 解释 当你为你的模块安装一个依赖模块时,正常情况下你得先安装他们(...

yyzzhc999 ⋅ 04/26 ⋅ 0

ESLint里的规则教会我,无规矩 不编程

编程风格要统一 编程风格这个东西,说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同,完全是各有千秋的既视感啊 到了新公司后团队中的每个人也都有各自...

chenhongdong ⋅ 05/21 ⋅ 0

Git 常用命令 思维导图(转)

 Git 是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码,管理私人的文档和源代码也有很多优势。   本来想着只把最有用、最常用的 Git 命令记下来,但是总觉得这个...

ap0581w9c ⋅ 2014/01/23 ⋅ 0

你知道eslint使用规则,和各种报错对应规则吗?

【2017-08】在用vue2.0写项目时,由于vue-cli脚 架自动带了带了代码规范监测,稍微不小心就会出现一些Warning,这时就需要,根据自己习惯的代码规范,用一下代码进行对Eslint规范的一些忽略。...

阿小庆 ⋅ 06/20 ⋅ 0

atom前端常用插件介绍

1、simplified-chinese-menu atom编辑器汉化插件 2、emmet 快速手写 HTML, CSS, Sass / SCSS / LESS 3、atom-ternjs ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全 4、aut......

qq379682421的博客 ⋅ 2017/12/22 ⋅ 0

哪些JavaScript IDE最好用?

阅读本文之前,分享大家一张图片,看图会发现JavaScript开发需求最高,占比达到42.84%,因此掌握JavaScript语言好工作就不愁啦,工欲善其事必先利其器,那么选择IDE来开发是至关重要的,本文...

葡萄城控件技术团队 ⋅ 2016/08/26 ⋅ 1

自己写一个Gradle插件

创建Gradle工程 加入依赖 实现gradle插件类 定义插件入口 打包上传 使用插件 Jshint Gradle Plugin源码地址

翟志军 ⋅ 2014/07/07 ⋅ 0

atom使用全局配置ESLint

ESLint是一个Javascript静态检查工具,它可以帮你养成良好的编程习惯,使你的javascript代码达到国际化的水准。ESLint是所有Javascrpt静态检查工具里最晚诞生的一个,之前还曾经有过JSLint以...

阿振 ⋅ 2016/10/13 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Jenkins实践3 之脚本

#!/bin/sh# export PROJ_PATH=项目路径# export TOMCAT_PATH=tomcat路径killTomcat(){pid=`ps -ef | grep tomcat | grep java|awk '{print $2}'`echo "tom...

晨猫 ⋅ 今天 ⋅ 0

Spring Bean的生命周期

前言 Spring Bean 的生命周期在整个 Spring 中占有很重要的位置,掌握这些可以加深对 Spring 的理解。 首先看下生命周期图: 再谈生命周期之前有一点需要先明确: Spring 只帮我们管理单例模...

素雷 ⋅ 今天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

VS中使用X64汇编

需要注意的是,在X86项目中,可以使用__asm{}来嵌入汇编代码,但是在X64项目中,再也不能使用__asm{}来编写嵌入式汇编程序了,必须使用专门的.asm汇编文件来编写相应的汇编代码,然后在其它地...

simpower ⋅ 今天 ⋅ 0

ThreadPoolExecutor

ThreadPoolExecutor public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, ......

4rnold ⋅ 昨天 ⋅ 0

Java正无穷大、负无穷大以及NaN

问题来源:用Java代码写了一个计算公式,包含除法和对数和取反,在页面上出现了-infinity,不知道这是什么问题,网上找答案才明白意思是负的无穷大。 思考:为什么会出现这种情况呢?这是哪里...

young_chen ⋅ 昨天 ⋅ 0

前台对中文编码,后台解码

前台:encodeURI(sbzt) 后台:String param = URLDecoder.decode(sbzt,"UTF-8");

west_coast ⋅ 昨天 ⋅ 0

实验楼—MySQL基础课程-挑战3实验报告

按照文档要求创建数据库 sudo sercice mysql startwget http://labfile.oss.aliyuncs.com/courses/9/createdb2.sqlvim /home/shiyanlou/createdb2.sql#查看下数据库代码 代码创建了grade......

zhangjin7 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部