ESLint / Prettier -- 强制执行 max-len / printWidth，但不需要它？答案

【问题标题】：ESLint / Prettier -- enforce max-len / printWidth, but don't require it?ESLint / Prettier -- 强制执行 max-len / printWidth，但不需要它？
【发布时间】：2020-12-04 18:17:47
【问题描述】：

有没有办法配置 ESLint w/ Prettier 以强制执行 max-len / printWidth 规则但不需要它？也就是说，允许你添加你认为合适的换行符吗？

// eslintrc.js

"max-len": [0, 160, 2, { ignoreUrls: true }],

// prettier.config.js

module.exports = {
  trailingComma: "all",
  tabWidth: 2,
  semi: true,
  singleQuote: false,
  printWidth: 160,
};

【问题讨论】：

你是什么意思“不需要”？它不是让你把所有的行都写成 160 个字符。
@jonrsharpe - 我将 IDE 设置为保存时自动修复，如果具有五个或六个属性的元素可以适合我的最大长度，它会自动更正并“强制”它。我不想关闭保存时自动修复，即使我这样做了，只要有“不必要的”换行符（我实际上想要），我都会得到很少的下划线。
那么你可能不想要 prettier 的 printWidth：prettier.io/docs/en/options.html#print-width。或者更漂亮，如果你有一个你“想要”的布局。

标签： javascript vue.js eslint lint prettier

【解决方案1】：

将 print-width 设置为 999 以将其关闭，然后将 eslint max-len 规则设置为警告，无论您的首选值是多少。

【讨论】：

你的max-len 规则应该像'max-len': [1, { code: 100 }], 这样格式化，例如设置code 的行宽，其中 1 告诉 eslint 在超过 100 时发出警告