eslint

 2.3.1说明

1)  ESLint是一个代码规范检查工具

2) 它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint会作出非常有用的提示

3)  官网: http://eslint.org/

4)  基本已替代以前的JSLint

2.3.2.  ESLint提供以下支持

1)  ES

2)  JSX

3)  style检查

4)  自定义错误和提示

2.3.3. ESLint提供以下几种校验

1)  语法错误校验

2)  不重要或丢失的标点符号，如分号

3)  没法运行到的代码块（使用过WebStorm的童鞋应该了解）

4)  未被使用的参数提醒

5)  确保样式的统一规则，如sass或者less

6)  检查变量的命名

2.3.4. 规则的错误等级有三种

1)  0：关闭规则。

2)  1：打开规则，并且作为一个警告（信息打印黄色字体）

3)  2：打开规则，并且作为一个错误（信息打印红色字体）

2.3.5. 相关配置文件

1) .eslintrc.js : 全局规则配置文件

    'rules': {

      'no-new': 0   

    }

 

2) 在js/vue文件中修改局部规则

    /* eslint-disable no-new */

    new Vue({

      el: 'body',

      components: { App }

    })

 

3) .eslintignore: 指令检查忽略的文件

*.js

    *.vue