TSLint：“来自”之前的空格太多（导入间距）

Posted 2023-03-13

【中文标题】TSLint：“来自”之前的空格太多（导入间距）

【英文标题】：TSLint: Too many spaces before 'from' (import-spacing)

【发布时间】：2018-01-31 08:26:22

【问题描述】：

我正在使用 WebStorm 并试图保持这种代码风格：

但是当我这样做时，TSLint 会在我的空格下划线并给我提示：

“'from'（导入间距）之前的空格太多”。

我的问题是：有没有办法在没有底层的情况下保持这种代码风格？我也用谷歌搜索了这个问题，但没有成功。

我不想完全禁用 TSLint，只是这个空格规则。

【问题讨论】：

您可以禁用 TSLint 规则，但维护它很有趣。他们最终会失去对齐，你最好打破像import \n Component \n from 'foo'这样的大括号。

@ssube，感谢您的回答！但是我怎样才能禁用这个规则呢？ “最好不要把牙套折断……”。我不想在大括号之间打断某些东西，我正在尝试修复底层空格在大括号

这是一种糟糕的缩进样式，简单明了。每次添加比您已有的更长的导入时，您需要更新所有导入行。每次从最长的导入行中删除导入时，您还需要更改所有导入行。我的建议：采用能够经受住修改和重构的编码风格。

@老金，你说得对。没有插件/扩展来自动化这个例程吗？

人们希望像 Webstorm 这样的商业产品能够提供这种功能。也许可以使用 Prettier (github.com/prettier/prettier) 之类的工具

【参考方案1】：

在您的 tslint.json 文件中，添加以下规则：

  "rules": 
    "import-spacing": false
  

另请参阅：https://palantir.github.io/tslint/rules/import-spacing/

【讨论】：

来自未来的人，webstorm 有一个设置，所以你不需要放弃这个规则，i.imgur.com/ROL7PcX.png