TSLint 자동 수정 경고

TSLint 자동 수정 경고

    [64, 1]: space indentation expected
    [15, 27]: Missing semicolon
    [109, 36]: missing whitespace
    [111, 24]: missing whitespace
    [70, 1]: Consecutive blank lines are forbidden

TSLint에서 이런 경고를 계속 받고 있습니다.엄청난 양의 경고가 있고, 수동으로 수정하는 것은 매우 어려울 것입니다.

저는 대부분의 경고를 자동으로 수정할 수 있는 방법을 찾고 있었습니다.

TSLint 옵션을 사용하여 대부분의 경고를 자동으로 수정할 수 있습니다.일반적인 사용 사례에서는 다음과 같이 보일 수 있습니다.

tslint --fix -c ./config/tslint.json 'src/**/*{.ts,.tsx}'

이렇게 하면 소스 코드가 덮어쓰게 됩니다.99.9%는 안전하지만 다음 워크플로를 권장합니다.

1. 코드에 대한 변경 사항 커밋
2. 를 사용하여 TSLint 실행--fix위와 같은 깃발
3. TSLint의 변경 사항을 빠르게 검토합니다.
4. 이러한 변경 사항을 사용하여 새 커밋을 만들거나 이전 커밋을 수정합니다.

이렇게 하면 잘못된 자동 수정에 놀라지 않을 것입니다.

tslint --fix --project ./tsconfig.json

모두 자동 수정 오류가 루트 폴더입니다.

@angular/cli를 사용하여ng lint --fix

이것은 저장 시 자동 수정을 찾는 사람에게 도움이 될 수 있습니다!

저장 시 자동 수정되도록 tslint 경고를 만들 수 있습니다.이렇게 하려면 tslint.json 파일로 이동하여 아래 설정을 추가합니다.[참고: 이 설정은 사용되지 않는 TSLint]가 아닌 최신 TSLint에서 작동합니다.

  "source.fixAll.tslint": true

이것을 업데이트한 후, 아무 파일이나 가서 공간을 좀 제공해 보세요. 그러면 tslint 경고 메시지가 "추적 공백"으로 표시되고 저장하면(Ctrl + S) 이 경고가 사라집니다.수동으로 표시되지만 파일을 편집하면 자동으로 수정됩니다.

해피 코딩!

IntelliJ Idea 또는 WebStrom을 사용하는 경우 다음과 같은 구성으로 Settings > Tools에서 File Watcher를 생성할 수 있습니다.

저장 시(Ctrl + s) 현재 파일이 수정됩니다.

웹팩을 사용하는 경우.tslint-loader를 사용할 수 있습니다.

웹 팩 모듈 규칙에 추가합니다.

{
    test: /\.ts$/,
    loader: 'tslint-loader',
    enforce: 'pre',
    options: {
      fix: true
    }
  }

여기서 더 읽기: tslint-loader

언급URL : https://stackoverflow.com/questions/44841215/auto-fix-tslint-warnings