javascript - 如何使用单个 Prop 用括号修复更漂亮和更薄的错误？

我将更漂亮和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命令说同样的错误。
如何解决此冲突？

最佳答案

配置错误来自"max-line-length": [true, 80]。它与更漂亮的规则相冲突。如果要设置max-line，则应在.prettierc文件-> "printWidth": 80中进行设置。

tslint-config-prettier-此配置禁用了tslint中与prettier冲突的所有规则(因此，在您的情况下，此插件禁用了max-line中的tslint，但是您可以在rules部分中手动设置)

tslint-plugin-prettier-此插件将更漂亮的规则作为tslint规则运行。另外，您需要在rule的tslint.json部分启用此功能。

考虑到所有这些，您的配置应大致如下所示:

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

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

关于javascript - 如何使用单个 Prop 用括号修复更漂亮和更薄的错误？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51857822/