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

Posted 2023-02-22

【中文标题】Tslint：更漂亮的不固定最大行长

【英文标题】：Tslint: Max-line-length not fixed by prettier

【发布时间】：2018-07-01 06:54:31

【问题描述】：

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

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

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

对于这样的一行：

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

我已经将 print-width 配置为 100，因此我期待在 Format Document 上，此行将被重构为如下内容：

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

或者像这样：

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

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

【参考方案1】：

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

【参考方案2】：

您可以添加exception for specific regex。 Prettier 将负责管理进出口，因为它有一个special way to deal with them。

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

【参考方案3】：

文档说 printWidth。文档链接是here

printWidth: 120

这应该可以解决问题。

【讨论】：

文档中明确说 printWidth 不一样：“也就是说，不要尝试将 printWidth 当作 ESLint 的 max-len 来使用”