如何阻止Prettier为单参数箭头函数添加括号？

要禁用Prettier给单参数箭头函数自动加括号的行为，直接修改Prettier配置文件即可：

• 找到项目根目录下的Prettier配置文件，常见的有.prettierrc、.prettierrc.js，也可以直接在package.json的prettier字段里配置。
• 添加arrowParens选项并设置为"avoid"：
  • "always"是默认值，会强制给所有箭头函数参数加括号
  • "avoid"会让单个参数的箭头函数省略括号

不同配置文件的示例：

JSON格式（.prettierrc） #

{
  "arrowParens": "avoid"
}

JS格式（.prettierrc.js） #

module.exports = {
  arrowParens: "avoid"
};

package.json中配置 #

{
  "name": "你的项目名称",
  "prettier": {
    "arrowParens": "avoid"
  }
}

保存配置后重新运行Prettier，单参数箭头函数arg => console.log(arg)就会保持原样，不会被自动添加括号了。

内容的提问来源于stack exchange，提问作者SomeTeaDude