![](/img/trans.png)
[英]How to disable eslint(prettier/prettier) single quotes error
[英]How to fix prettier and tslint error with brackets with single props?
我使用更漂亮的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
冲突的所有规则(因此,在您的情况下,此插件禁用了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"
]
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.