@@ -128,7 +128,7 @@ module.exports = {
128
128
129
129
### 检查一个 ts 文件
130
130
131
- 创建了配置文件之后,我们来创建一个 ts 文件看看是否能用 ESLint 去检查它了 。
131
+ 创建了配置文件之后,我们来创建一个 ts 文件看看是否能用 ESLint 去检查它 。
132
132
133
133
创建一个新文件 ` index.ts ` ,将以下内容复制进去:
134
134
@@ -185,21 +185,6 @@ type Foo = {};
185
185
186
186
此时执行 ` npm run eslint ` 即会检查 ` src ` 目录下的所有 ` .ts ` 后缀的文件。
187
187
188
- ### 自动修复错误
189
-
190
- ESLint 的大部分规则都支持自动修复错误,我们可以配置一个 npm script:
191
-
192
- ``` json
193
- {
194
- "scripts" : {
195
- "eslint" : " eslint src --ext .ts" ,
196
- "eslint:fix" : " eslint src --fix --ext .ts"
197
- }
198
- }
199
- ```
200
-
201
- 执行 ` npm run eslint:fix ` 即会在执行 ESLint 检查时自动修复错误。
202
-
203
188
### 在 VSCode 中集成 ESLint 检查
204
189
205
190
在编辑器中集成 ESLint 检查,可以在开发过程中就发现错误,甚至可以在保存时自动修复错误,极大的增加了开发效率。
@@ -332,7 +317,7 @@ module.exports = {
332
317
333
318
ESLint 原生的规则和 ` @typescript-eslint/eslint-plugin ` 的规则太多了,而且原生的规则有一些在 TypeScript 中支持的不好,需要禁用掉。
334
319
335
- 这里我推荐使用 [ AlloyTeam ESLint 规则中的 TypeScript 版本] ( https://github.com/AlloyTeam/eslint-config-alloy#typescript ) ,它已经为我们提供了一套完善的配置规则。
320
+ 这里我推荐使用 [ AlloyTeam ESLint 规则中的 TypeScript 版本] ( https://github.com/AlloyTeam/eslint-config-alloy#typescript ) ,它已经为我们提供了一套完善的配置规则,并且与 Prettier 是完全兼容的(eslint-config-alloy 不包含任何代码格式的规则,代码格式的问题交给更专业的 Prettier 去处理) 。
336
321
337
322
安装:
338
323
@@ -387,8 +372,7 @@ npm install --save-dev eslint-plugin-react
387
372
``` json
388
373
{
389
374
"scripts" : {
390
- "eslint" : " eslint src --ext .ts,.tsx" ,
391
- "eslint:fix" : " eslint src --fix --ext .ts,.tsx"
375
+ "eslint" : " eslint src --ext .ts,.tsx"
392
376
}
393
377
}
394
378
```
0 commit comments