更漂亮 + eslint 换行符

Posted 2023-02-22

【中文标题】更漂亮 + eslint 换行符

【英文标题】：Prettier + eslint line breaks

【发布时间】：2018-05-13 11:14:20

【问题描述】：

我将 eslint 与 VSCode 1.18.1 和更漂亮/更漂亮的扩展 0.26.0 用于 VSCode。在我的 VSCode 配置中，我有 "prettier.eslintIntegration": true,。我的依赖项曾经是：

"eslint": "^3.19.0",
"eslint-config-airbnb-base": "^11.1.3",
"eslint-plugin-import": "^2.2.0",

典型的 prettier-eslint 格式如下：

return somePromise.then(result =>
  someOtherPromise(result,  foo: 'bar' )
);

然后我升级到：

"eslint": "^4.11.0",
"eslint-config-airbnb-base": "^12.1.0",
"eslint-plugin-import": "^2.8.0",

现在 prettier-eslint 正在像这样格式化文件：

return somePromise.then(result =>
  someOtherPromise(result,  foo: 'bar' ));

这是一个微不足道的例子，但如果缩进深入了几个层次，那么它就会变得难以阅读。我更喜欢老式的。

升级后的依赖可以实现之前的格式化样式吗？

【参考方案1】：

设法通过添加来自eslint-config-prettier 的规则来修复它。

在我的.eslintrc.js：

module.exports = 
  extends: ["airbnb-base", "prettier"],
  //...