tslint 和 prettier 冲突使用 tslint 规则

Question

我配置了prettier和tslint 。 然而，它似乎更漂亮地覆盖了 tslint 规则。 我可以使用.prettierrc禁用一些规则。 但是我仍然有问题。 我希望tslint.json /exceptions 优先于.prettierrc

例如 prettier 在 class 方法的末尾插入分号。 我在tslint.json有异常。 但这似乎不起作用。 如果我这样做，我可以在.prettierrc中使用semi: false禁用，然后它会在任何地方禁用 semi。

// appbar.tsx
const makeStyles((theme) => ({});

export class AppBar {
  private handleOpen = (event: Event): void => {
    event.preventDefault();
    this.props.onOpen();
  }; // prettier inserts semicolon.
}

{
  "extends": [
    "tslint:recommended",
    "tslint-react",
    "tslint-plugin-prettier",
    "tslint-config-prettier"
  ],
  "rulesDirectory": [],
  "rules": {
    "prettier": true,
    "interface-name": false,
    "quotemark": [true, "single"],
    "semicolon": [true, "always", "ignore-bound-class-methods"] // Doesn't work
  }
}

{
    "jsxSingleQuote": true,
    "singleQuote": true,
    "semi": false // Disable everything
}

// appbar.tsx
const makeStyles((theme) => ({}) // Prettier removes semicolon here. Which is not OK. need to keep semicolon

export class AppBar {
  private handleOpen = (event: Event): void => {
    event.preventDefault();
    this.props.onOpen();
  }
}

import React from 'react' // Disabling in .prettierrc removes semicolon in everywhere.

Answer 1

你的 tslint.json 文件似乎没问题，我不得不问你确定你安装了 tslint-config-prettier 吗？ 而且我也不认为您需要在规则中添加“更漂亮”：true

这是官方文档的链接

https://developer.aliyun.com/mirror/npm/package/tslint-config-prettier 。

希望这会有所帮助