我如何在Vue.js中自动修复tslint错误

Question

我正在vuejs / typescript项目上运行vue-cli-service lint --fix。如预期的那样，大多数掉毛错误/警告会自动修复。

但是我要使用此命令自动修复特定的tslint规则（"semicolon": [true, "always", "ignore-interfaces"]）。说我的打字稿界面看起来像这样（预期的皮棉结果）。

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

运行棉绒后，它会像这样格式化。消息为[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规则。