[英]TSLint - Remove whitespace on decorator
I'm getting a TSLint error in VSCode, complaining that there is no white space after the "at" symbol in a decorator.我在 VSCode 中收到 TSLint 错误,抱怨装饰器中的“at”符号后没有空格。
I have:我有:
@Input()
but TSLint wants me to write:但是 TSLint 要我写:
@ Input()
What rule do I need to adjust in TS lint to remove this whitespace (ideally without affecting the whitespace around other elements)我需要在 TS lint 中调整什么规则来删除这个空白(理想情况下不影响其他元素周围的空白)
Using tslint 5.11.0 and Typescript 2.3.3.使用 tslint 5.11.0 和 Typescript 2.3.3。
Here is my tslint.json:这是我的 tslint.json:
{
"rulesDirectory": [
"node_modules/codelyzer"
],
"extends": [
"rxjs-tslint-rules"
],
"rules": {
"callable-types": true,
"class-name": true,
"comment-format": [
true,
"check-space"
],
"curly": true,
"eofline": true,
"forin": true,
"import-blacklist": [
true,
"rxjs"
],
"import-spacing": true,
"indent": [
true,
"spaces"
],
"interface-over-type-literal": true,
"label-position": true,
"max-line-length": [
true,
140
],
"member-access": false,
"member-ordering": [
true,
{
"order": ["static-field", "instance-field", "constructor", "static-method", "instance-method"]
}
],
"no-arg": true,
"no-bitwise": true,
"no-console": [
true,
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-construct": true,
"no-debugger": true,
"no-duplicate-variable": true,
"no-empty": false,
"no-empty-interface": true,
"no-eval": true,
"no-inferrable-types": [
true,
"ignore-params"
],
"no-shadowed-variable": true,
"no-string-literal": false,
"no-string-throw": true,
"no-switch-case-fall-through": true,
"no-trailing-whitespace": true,
"no-unused-expression": true,
"no-use-before-declare": true,
"no-var-keyword": true,
"object-literal-sort-keys": false,
"one-line": [
true,
"check-open-brace",
"check-catch",
"check-else",
"check-whitespace"
],
"prefer-const": true,
"quotemark": [
true,
"single"
],
"radix": true,
"semicolon": [
true,
"always"
],
"triple-equals": [
true,
"allow-null-check"
],
"typedef-whitespace": [
true,
{
"call-signature": "nospace",
"index-signature": "nospace",
"parameter": "nospace",
"property-declaration": "nospace",
"variable-declaration": "nospace"
}
],
"unified-signatures": true,
"variable-name": false,
"whitespace": [
true,
"check-branch",
"check-decl",
"check-module",
"check-separator",
"check-type",
"check-typecast",
"check-type-operator",
"check-preblock"
],
"directive-selector": [
true,
"attribute",
"cc",
"camelCase"
],
"component-selector": [
true,
"element",
"cc",
"kebab-case"
],
"use-input-property-decorator": true,
"use-output-property-decorator": true,
"use-host-property-decorator": true,
"use-life-cycle-interface": true,
"use-pipe-transform-interface": true,
"rxjs-add": {
"options": [{
"allowElsewhere": false,
"allowUnused": false,
"file": "./src/rxjs-imports.ts"
}],
"severity": "error"
},
"rxjs-no-unused-add": {
"severity": "error"
}
}
}
When VSCode highlights the error, it also tells you the rule name which is causing that error.当 VSCode 突出显示错误时,它还会告诉您导致该错误的规则名称。
Add following to your package.json under scripts.将以下内容添加到脚本下的 package.json 中。
"lint": "tslint \"app/**/*.ts\"",
"lintfix": "tslint --fix app/**/*.ts{,x}"
You can run following to find the issues in your code:您可以运行以下命令来查找代码中的问题:
npm run lint
You can auto-fix the issues using following command:您可以使用以下命令自动修复问题:
npm run lintfix
Once you know the rule name, you can disable it in tslint.json file.知道规则名称后,您可以在 tslint.json 文件中禁用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.