eslint 入门学习

想学eslint已经很久了,可是每次进到官网看一下就觉得头大,无法下手,但是最近到了年底,进行年度总结,作为一个有志向的程序媛,还是要追求编码规范的,因此今天再次拿起来了eslint,记录一下我的学习历程:

1.安装:(为了方便使用,我进行了全局安装)

1 npm install -g eslint

2.生成配置文件:

1 eslint --init

3.初始化项目,使用npm init生成package.json文件:

4.创建一个index.js文件,并写一个函数:

 1 function merge () {
 2     var ret = {};
 3     for (var i in arguments) {
 4         var m = arguments[i];
 5         for (var j in m) ret[j] = m[j];
 6     }
 7     return ret;
 8 }
 9 
10 console.log(merge({a: 123}, {b: 456}));

5.运行eslint进行检查:

1 eslint index.js

6.错误等级:

1 0或’off’:关闭规则。 
2 1或’warn’:打开规则,并且作为一个警告(并不会导致检查不通过)。 
3 2或’error’:打开规则,并且作为一个错误 (退出码为1,检查不通过)。

7.配置代码注释方式:

1 忽略no-undef检查
2 /* eslint-disable no-undef*/

8.自动修复,使用--fix可以帮助我们修复部分的错误:

eslint index.js --fix

9.常用rules:

"no-console" 禁用console
"no-cond-assign"禁止条件表达式中出现赋值操作符
"no-debugger"禁止debugger
"no-dupe-args":禁止function定义中出现重名参数
"no-dupe-keys":
"no-duplicate-case"
"no-empty"
"no-empty-character-class"
"no-extra-boolean-cast"
"no-extra-parens"
"no-extra-semi"
"no-func-assign"
"no-innter-declarations"
"no-irregular-whitespace"
"no-prototype-builtins"

 

posted @ 2018-12-22 14:52  前端极客  阅读(570)  评论(0编辑  收藏  举报