angular - change - Reparar automáticamente las advertencias de TSLint

change title angular 4

Question

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

Sigo recibiendo advertencias como estas de TSLint. Hay una gran cantidad de advertencias, y será muy difícil solucionarlo manualmente.

Estaba buscando una forma que pudiera corregir automáticamente la mayoría de las advertencias.

Answer 1

Puede usar la opción --fix de TSLint para corregir automáticamente la mayoría de las advertencias. Esto podría verse algo como esto en un caso de uso común:

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

Tenga en cuenta que esto sobrescribirá su código fuente. Si bien esto es seguro el 99.9% del tiempo, recomiendo el siguiente flujo de trabajo:

1. Confirma los cambios que has realizado en tu código.
2. Ejecute TSLint con la --fix como arriba
3. Revisa rápidamente los cambios que TSLint ha realizado.
4. Realice un nuevo compromiso con estos cambios, o simplemente modifíquelos a su compromiso anterior

De esta manera, nunca se sorprenderá con una autocorrección deshonesta que salió mal.

Answer 2

Si usas webpack. Puedes usar tslint-loader:

Agregue esto a las reglas del módulo webpack:

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

Lea más aquí: tslint-loader

Answer 3

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

Esto es auto corregir todo error es carpeta raíz