import - Tslint：更漂亮的不固定最大行长

Question

我正在使用带有更漂亮的插件和打字稿以及 tslint 的 VSCode。

抛开使用这个配置的方便，我得到了一个

[tslint] Exceeds maximum line length of 120 (max-line-length)

对于这样的一行：

import { MyComponent } from "../../some_very_long_path";

我已经更漂亮地配置了 100 的打印宽度，所以我期待在Format Document这条线上会被重构为这样的东西：

import { MyComponent } 
  from "../../some_very_long_path";

或像这样：

import {
  MyComponent
} from "../../some_very_long_path";

但事实并非如此。任何想法为什么？

Answer 1

文档说printWidth。文档链接在这里

printWidth: 120

可能这应该可以解决问题。

Answer 2

您可以为特定的正则表达式添加例外。Prettier 将带头管理进出口，因为它有一种特殊的方式来处理它们。

// edit your tslint.json
"max-line-length": [
     true, 
    { 
        "limit": 140, 
        "ignore-pattern": "^import |^export {(.*?)}" 
    }
],

Answer 3

Prettier 不会分解导入，您可以做的最好的事情是从 tslint 规则中删除所有样式错误（包括最大行长度），并让 Prettier 处理这些错误并 tslint 代码相关的错误。