javascript - 如何使用带有单个道具的括号修复更漂亮和 tslint 错误?
问题描述
我使用 prettier 和 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
file ->"printWidth": 80
中进行。
tslint-config-prettiertslint
- 此配置禁用与冲突的所有规则prettier
(因此,在您的情况下,此插件max-line
从禁用tslint
,但随后您在rules
部分中手动设置)
tslint-plugin-prettier - 这个插件运行更漂亮的规则作为tslint
规则。此外,您需要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"
]
}
推荐阅读
- reactjs - 如何使用 axios 更改 json 数据中的单个值
- javascript - s3 getdata 没有在 Alexa 托管(节点 Js)上返回任何内容
- windows - 默认情况下如何取消隐藏 .git 文件?
- python - QRadioButton如何添加选择检查?
- android - 如何在 Twilio 可编程语音中查找“发件人”电话号码和“收件人”电话号码
- ruby-on-rails - 授权查询不起作用的Rails
- java - testNGCucumberRunner.provideFeatures 中的空指针异常
- javascript - 在两个表单上启用单击操作
- vb.net - 如何获取最后插入的 id 以将其插入另一个表?
- g1ant - 为什么G1ANT软件的插件面板中没有Addon.Ocr.Tesseract和Addon.Recorder?