tslint和更漂亮的冲突使用tslint规则

Question

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

例如，prettier在类方法的末尾插入分号。我在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吗？我也不认为你需要在你的规则中添加“更漂亮”：真的

以下是官方文档的链接

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

希望这能有所帮助