ESLint的命令行界面


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/09/23/ESLint%E7%9A%84%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%95%8C%E9%9D%A2/

摘要

本文主要讲述了:

  1. 查看版本
  2. 查看帮助
  3. 处理文件
  4. 设定检查报告的输出格式
  5. 将检查报告输出到文件
  6. 手动指定配置文件
  7. 禁止读取配置文件
  8. 禁止忽略
  9. 输出对特定文件而言有效的配置

正文

查看版本

1
2
3
#!/usr/bin/env bash

npx eslint -v

查看帮助

1
2
3
#!/usr/bin/env bash

npx eslint -h

处理文件

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#!/usr/bin/env bash

# 单文件
npx eslint foo.js

# 多文件
npx eslint foo.js bar.js

# 单目录
npx eslint foo

# 多目录
npx eslint foo bar

# 多文件多目录
npx eslint foo.js bar.js foo bar

设定检查报告的输出格式

示例:

1
2
3
4
5
6
7
#!/usr/bin/env bash

# 设定检查报告输出的格式为html
npx eslint -f html foo.js

# 设定检查报告输出的格式为json
npx eslint -f json foo.js

将检查报告输出到文件

示例:

1
2
3
4
5
6
7
#!/usr/bin/env bash

# 设定检查报告输出的格式为html并输出到result.html
npx eslint -f html -o result.html foo.js

# 设定检查报告输出的格式为json并输出到result.json
npx eslint -f json -o result.json foo.js

手动指定配置文件

注意:通过命令行手动指定的配置文件优先级最高。

示例:

1
2
3
#!/usr/bin/env bash

npx eslint -c ~/.my-eslint.json foo.js

特别注意:如果存在其余的配置文件,依旧会进行层叠合并,除非使用--no-eslintrc参数禁止读取这些配置文件。

1
2
3
#!/usr/bin/env bash

npx eslint --no-eslintrc -c ~/.my-eslint.json foo.js

禁止读取配置文件

示例:

1
2
3
#!/usr/bin/env bash

npx eslint --no-eslintrc foo.js

禁止忽略

示例:

1
2
3
#!/usr/bin/env bash

npx eslint --no-ignore foo.js

此时.eslintignore--ignore-path--ignore-pattern都将失效。

输出对特定文件而言有效的配置

示例:输出对foo.js而言有效的配置(已经过层叠合并处理)。

1
2
3
#!/usr/bin/env bash

npx eslint --print-config foo.js

注意:某些情况下,eslint --print-config的结果是不可靠的

示例:以下两种配置,eslint --print-config README.md的结果是相同的,但实际上并不是这样

1
2
3
4
5
6
7
root: true
env:
browser: true
es6: true
extends:
- eslint:recommended
- plugin:markdown/recommended

1
2
3
4
5
6
7
root: true
env:
browser: true
es6: true
extends:
- plugin:markdown/recommended
- eslint:recommended

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/09/23/ESLint%E7%9A%84%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%95%8C%E9%9D%A2/


本文对你有帮助?请支持我


支付宝
微信