TSLINT：删除导入时缺少的空白规则答案

【问题标题】：TSLINT: Remove Missing Whitespace rule on ImportTSLINT：删除导入时缺少的空白规则
【发布时间】：2017-05-17 18:52:58
【问题描述】：

TSLint 需要这样的导入...

import { RouterModule } from "@angular/router";

但是，我的 IDE 会像这样导入所有内容...

import {RouterModule} from "@angular/router";

现在我确信我可以配置 IDE 来更改它，但关闭此规则似乎更容易。但是，我是 linting 的新手，我不确定在哪里可以找到正确的禁用规则。我仍然想要一些空格（属性等），但不是这个。

关闭这条规则的正确设置是什么？

【问题讨论】：

您使用哪个 IDE？它当然可以在某些方面进行更改，如果不是全部的话

标签： typescript tslint

【解决方案1】：

我有

"whitespace": [
  true,
  "check-branch",
  "check-decl",
  "check-operator",
  "check-separator",
  "check-type",
  "check-typecast"
],
"import-destructuring-spacing": true,
"import-spacing": true

在 IJ/WebStorm 中，在 Prefs > Editor > Code Style > TypeScript > Spaces > Within > ES6 import/export 大括号中启用它

【讨论】：

【解决方案2】：

要停用规则，您需要修改 tslint.json。

您必须从 whitespace 属性的数组中删除 check-module。

See the documentation:

“check-module”检查导入和导出语句中的空格。

所以最后你应该有这样的东西：

tslint.json（其他规则未出现）

{
 "rules": {
   "whitespace": [
      true,
      "check-branch",
      "check-decl",
      "check-operator",
      "check-separator",
      "check-type",
      "check-typecast"
    ]
}

【讨论】：

【解决方案3】：

我在之前的回复之前就开始了。第一个对 IJ 来说很棒，但这并不是我问的问题。另一个是正确的，我也是这样......

"whitespace": [
  true,
  "check-branch",
  "check-decl",
  "check-operator",
  "check-separator",
  "check-type"
]

只要您忽略 "check-module"，您就不会收到这些消息。

但是，如果您使用 Angular，还有另一个细微差别。 Angular 也声明了这个规则。因此，即使您在 TS lint 中禁用此功能，如果您使用 Codealyzer，Angular 样式指南也会导致错误。同样，更改 IJ 的第一个响应仍然有效（尽管我的想法很糟糕，但 IJ 没有适当的 TS 默认值）。在这种情况下，您需要确保包括...

"import-destructuring-spacing": false,

【讨论】：

将 Visual Studio Code 用于 Typescript 是救命稻草。基本上，做打字稿的人也做过 Visual Studio Code（有点），所以你不会出错。
Visual Studio 是否在 Debian 上运行？老实说，我不知道。
Visual Studio Code 在 Ubuntu 14.04 上运行（甚至是开源的），不像普通的 Visual Studio

【解决方案4】：

没有针对您描述的具体案例的规则，但有一个更一般的规则：Whitespace

如果您使用 IntelliJ 或 Webstorm，可以在以下位置更改编辑器设置：设置 -> 编辑器 -> 代码样式 -> JavaScript -> 空格 -> 在 ES6 导入/导出大括号内

【讨论】：