typescript - Hvordan kan jeg automatisk fikse tslint-feil i vuejs

Jeg kjører vue-cli-service lint --fix på mitt vuejs/typescript-prosjekt. Som forventet blir de fleste linting-feil/advarsler fikset automatisk.

Men det finnes en spesifikk tslint-regel ("semicolon": [true, "always", "ignore-interfaces"]) jeg vil automatisk fikse med denne kommandoen. Si at mitt typescript-grensesnitt ser slik ut (forventet lint-resultat).

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

Etter å ha kjørt lint formaterer det det slik. Meldingen er [eslint] Erstatt,med;(prettier/prettier)

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

Jeg har lagt til denne regelen "semicolon": [true, "always", "ignore-interfaces"] i tslint-filen, men det endrer ikke resultatet.

Svar #1

Konsollmeldingen ([eslint] Erstatt , med ; (prettier/prettier)) antyder at du hadde valgt ESLint + Prettier-alternativet når du genererte prosjektet ditt med Vue CLI; men ESLint støtter ikke tslint.json rett ut av boksen (en plugin er nødvendig, men erfaringen kan variere).

Et alternativ er å bytte til TSLint, og redigere den genererte tslint.json for å inkludere din ønskede semicolon-regel.