ESLint笔记

ESLint是JavaScript的代码检查工具。因为JS是弱类型的语言，不需要编译，代码错误是在运行时调适的，所以需要个工具在编码的过程发现问题。ESLint的初衷是为了让程序员可以创建自己的检测规则。

配置方案

配置方法

配置的方式有两种。

1.配置注释：直接把配置信息嵌入文件中。

2.配置文件：用js、JSON和YAML指定配置信息。

（1）.用.eslintrc.*文件（Configuration File Formats）

（2）.在package.json文件里配置eslintConfig字段。

一般来讲，我们用的是第二种的第一个方法，用.eslintrc.*文件去定义。

配置内容

Environments：定义脚本的运行环境。每种环境都有一组预定义的全局变量。

Globals：定义额外的全局变量。

Rules：定义启用的规则以及其错误级别。

配置过程

1.设置解析器选项，帮助ESLint确定什么是解析错误。（parserOptions）

2.设置解析器。（默认是Espree）

3.定义运行环境。

4.定义全局变量。（3和4都是可以使用插件）

5.配置规则。（0：关闭规则；1：开启但只警告；2：开启并报错误）

6.配置忽略校验的文件或目录。（配置.eslintignore）

7.可在文件里注释来临时禁用规则。（Disabling Rules with Inline Comments）

8.继承配置文件，可直接引用一个流行的风格指南。（extends属性）

第7、8点不是必须的流程，可选用。

配置文件初始化

1.如果没有package.json文件，则npm init初始化，依照命令提示填写相关信息即可。

2.安装一个标准的风格指南，npm install eslint-config-standard --save-dev。

3.eslint —init 初始化，按步骤选择即可。

就是以下文件：

module.exports = {
    "extends": "standard",
    "plugins": [
        "standard",
        "promise"
    ]
};

参考文献

1.http://eslint.cn/ 【ESLint中文网】

附录

1.Mac上如何查看到创建的.eslintrc.*文件。

Mac上默认不显示. 开头的隐藏文件，可以用ls -al在终端上面看到这些文件。但如果我们需要在mac上要看到这些文件时，就需要去显示这些文件。

显示系统的隐藏文件方法：

1.在终端上输入：

defaults write com.apple.finder AppleShowAllFiles TRUE; killall Finder

即为显示隐藏文件，如果不要显示系统的这些隐藏文件，修改后面的true为false就好：

defaults write com.apple.finder AppleShowAllFiles FALSE; killall Finder

2.Command+Shift+. 可以显示隐藏文件、文件夹，再按一次，恢复隐藏