如何用單個道具用括號修復更漂亮和更薄的錯誤？

Question

我使用更漂亮的tslint和https://github.com/alexjoverm/tslint-config-prettier和https://github.com/ikatyang/tslint-plugin-prettier 。

我的tslint.json就像

{
  "defaultSeverity": "error",
  "extends": [
    "tslint-config-airbnb",
    "tslint-react",
    "tslint-config-prettier"
  ],
  "jsRules": {},
  "rules": {
    "max-line-length": [true, 80],
    "import-name": false,
    "variable-name": false,
    "jsx-boolean-value": false,
    "jsx-no-multiline-js": false,
    "no-else-after-return": false,
    "object-shorthand-properties-first": false,
    "ter-arrow-parens": false,
    "ter-indent": false,
    "prettier": true
  },
  "rulesDirectory": ["tslint-plugin-prettier"]
}

我的.prettierrc就像

{
  "trailingComma": "all",
  "singleQuote": true
}

在tslint --fix "src/**/*.ts"之后，出現如下代碼：

import { getChildrenProceduresSelector } from '@src/entities/procedures/selectors';

並且錯誤顯示[tslint] Exceeds maximum line length of 80 (max-line-length) 。

但是當我手動修復它

import {
  getChildrenProceduresSelector,
} from '@src/entities/procedures/selectors';

它說

[tslint] Replace `⏎··getChildrenProceduresSelector,⏎` with `·getChildrenProceduresSelector·` (prettier)

我將VSCode與tslint和更漂亮的擴展一起使用。 我的tslint命令說同樣的錯誤。 如何解決此沖突？

Answer 1

您配置中的錯誤來自"max-line-length": [true, 80] 。 它與更漂亮的規則相沖突。 如果要設置max-line ，則應在.prettierc文件-> "printWidth": 80 。

tslint-config-prettier-此配置禁用tslint中與prettier沖突的所有規則（因此，在您的情況下，此插件禁用了tslint max-line ，但是您可以在rules部分中手動設置它）

tslint-plugin-prettier-此插件tslint漂亮的規則作為tslint規則運行。 另外，您需要在tslint.json rule部分中啟用此tslint.json 。

考慮到所有這些，您的配置應大致如下所示：

// With tslint@5.0.0+
{
  "extends": [
    "tslint-config-airbnb",
    "tslint-config-prettier",
    "tslint-plugin-prettier"
  ],
  "rules": {
    "prettier": true
  }
}

// With tslint@5.2.0+
{
  "extends": [
    "tslint-config-airbnb",
    "tslint-config-prettier",
    "tslint-plugin-prettier"
  ],
  "rules": {
    "prettier": true
  },
  "rulesDirectory": [
    "tslint-plugin-prettier"
  ]
}