Как я могу автоматически исправить ошибки tslint в vuejs

Question

Я запускаю vue-cli-service lint --fix в моем проекте vuejs / typcript.Как и ожидалось, большинство ошибок / предупреждений при работе с linting исправляется автоматически.

Но есть определенное правило tslint ("semicolon": [true, "always", "ignore-interfaces"]), которое я хочу автоматически исправить с помощью этой команды.Скажем, мой интерфейс для машинописи выглядит следующим образом (ожидаемый результат lint).

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

После запуска lint он форматирует его следующим образом.Сообщение [eslint] Replace, with; (prettier/prettier)

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

Я добавил это правило "semicolon": [true, "always", "ignore-interfaces"] в файл tslint, но результат не изменился.

Answer 1

В консольном сообщении ([eslint] Replace , with ; (prettier/prettier)) указывается, что вы выбрали вариант ESLint + Prettier при создании проекта с помощью Vue CLI;но ESLint не поддерживает tslint.json из коробки (требуется плагин , но YMMV).

Альтернативой является переключение на TSLint и редактирование сгенерированного tslint.jsonвключить желаемое semicolon правило.