typescript - Wie kann ich tslint-Fehler in vuejs automatisch beheben

Ich führe vue-cli-service lint --fix in meinem VueJS/TypeScript-Projekt aus. Wie erwartet werden die meisten Linting-Fehler/Warnungen automatisch behoben.

Aber es gibt eine spezifische TSLint-Regel ("semicolon": [true, "always", "ignore-interfaces"]), die ich mit diesem Befehl automatisch beheben möchte. Angenommen, mein TypeScript-Interface sieht so aus (erwartetes Lintergebnis).

interface component {
    type: "input" | "dropdown" | "checkbox",
    hidden?: boolean
}

Nach dem Ausführen von Lint formatiert es es so. Nachricht ist [eslint] Ersetzen,mit;(prettier/prettier)

interface component {
    type: "input" | "dropdown" | "checkbox";
    hidden?: boolean;
}

Ich habe diese Regel "semicolon": [true, "always", "ignore-interfaces"] zur tslint-Datei hinzugefügt, aber sie ändert das Ergebnis nicht.

Antwort #1

Die Konsolenmeldung ([eslint] Replace , with ; (prettier/prettier)) deutet darauf hin, dass Sie die Option ESLint + Prettier ausgewählt hatten, als Sie Ihr Projekt mit Vue CLI erstellt haben; aber ESLint unterstützt tslint.json nicht von Haus aus (ein Plugin wird benötigt, aber Ihre Ergebnisse können variieren).

Eine Alternative besteht darin, zu TSLint zu wechseln und die generierte tslint.json zu bearbeiten, um Ihre gewünschte semicolon-Regel einzuschließen.