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

Question

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

例如，漂亮的字符在类方法的末尾插入分号。我在tslint.json中有例外。但这似乎不起作用。如果执行此操作，则可以在semi: false中使用.prettierrc禁用它，那么它将在每个位置禁用半个。

// 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。

希望这会有所帮助