typescript - TSLint - Dekoratördeki boşlukları kaldır

VSCode'da bir TSLint hatası alıyorum, bir dekoratördeki “at” sembolünden sonra boşluk olmadığını söylüyor.

Benim var:

@Input()

ama TSLint benim bunu yazmamı istiyor:

@ Input()

TS lint'te bu boşluğu kaldırmak için hangi kuralı ayarlamam gerekiyor (mümkünse diğer öğeler çevresindeki boşluğu etkilemeden)

Tslint 5.11.0 ve Typescript 2.3.3 kullanılıyor.

İşte benim tslint.json dosyam:

{
  "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"
    }
  }
}

Cevap #1

VSCode hatayı vurguladığında, aynı zamanda bu hataya neden olan kuralın adını da size bildirir.

Aşağıdakileri package.json dosyanızdaki scripts bölümüne ekleyin.

"lint": "tslint \"app/**/*.ts\"",
"lintfix": "tslint --fix app/**/*.ts{,x}"

Kodunuzdaki sorunları bulmak için aşağıdakileri çalıştırabilirsiniz:

npm run lint

Sorunları aşağıdaki komutu kullanarak otomatik olarak düzeltebilirsiniz:

npm run lintfix

Kural adını öğrendiğinizde, bunu tslint.json dosyasında devre dışı bırakabilirsiniz.