Prettier + eslint 换行问题

Question

我正在使用VSCode 1.18.1与prettier/prettier扩展0.26.0，同时结合eslint。在我的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' }));

这只是一个简单的例子，但如果缩进有几个级别，那么它会变得难以阅读。我更喜欢旧的样式。

升级后的依赖关系是否可以实现以前的格式化样式？

- DaveJ

Answer 1

通过添加eslint-config-prettier的规则，成功修复了问题。

在我的.eslintrc.js文件中：

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

- DaveJ