如何自动修复 vuejs 中的 tslint 错误

Question

我在我的 vuejs/typescript 项目上运行 vue-cli-service lint --fix。像预期的那样，大多数 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)) 表明您在使用 Vue CLI 生成项目时选择了 ESLint + Prettier 选项；但 ESLint 不支持开箱即用的 tslint.json（需要 plugin，但 YMMV）。

另一种方法是切换到 TSLint，并编辑生成的 tslint.json 以包含您想要的 semicolon 规则。