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 。

希望這會有所幫助