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

Question

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

例如，漂亮的在类方法的末尾插入分号。我在tslint.json中有例外。但这似乎不起作用。我可以在.prettierrc中禁用semi: false，如果我这样做，那么它将禁用semi-every-where。

// 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？我也不认为你需要在你的规则中添加"更漂亮"：真正的

这是官方文件的链接

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

希望这对有所帮助