ESLint

ESLint

环境配置

TypeScript 中使用 ESLint

首先来安装依赖:
1
$ yarn add --dev eslint
2
$ yarn add --dev @typescript-eslint/eslint-plugin
3
$ yarn add --dev @typescript-eslint/parser
Copied!
然后来对 ESLint 进行配置,在目录下创建 .eslintrc.js 文件:
1
module.exports = {
2
parser: "@typescript-eslint/parser",
3
plugins: ["@typescript-eslint"],
4
extends: ["plugin:@typescript-eslint/recommended"]
5
};
Copied!
最后,我们还需要在 VSCode 中设置对于 TS 与 TSX 使用 ESLint:
1
"eslint.validate": [
2
"javascript",
3
"javascriptreact",
4
"typescript",
5
"typescriptreact"
6
]
Copied!

技巧

在大型项目中,ESLint 往往运行缓慢,我们可以使用 TIMING 变量来查看单个规则的耗时:
1
$ TIMING=1 eslint lib
2
Rule | Time (ms) | Relative
3
:----------------------------|----------:|--------:
4
valid-jsdoc | 203.798 | 6.7%
5
camelcase | 142.146 | 4.6%
6
no-unmodified-loop-condition | 136.811 | 4.5%
7
indent | 127.138 | 4.2%
8
no-undefined | 124.525 | 4.1%
9
keyword-spacing | 85.397 | 2.8%
10
space-in-parens | 76.179 | 2.5%
11
no-this-before-super | 72.317 | 2.4%
12
no-implied-eval | 69.945 | 2.3%
13
space-infix-ops | 57.128 | 1.9%
Copied!

链接

Last modified 2yr ago