VS Code中如何设置Prettier不包裹箭头函数的单个参数？

你只需要在Prettier的配置文件中修改arrowParens选项的值为"avoid"即可实现需求：

• 该选项用于控制单个参数箭头函数是否包裹括号：
  • "always"（默认值）：强制给单个参数添加括号
  • "avoid"：尽可能省略单个参数的括号

以下是不同类型配置文件的设置示例：

1. JSON格式配置文件（.prettierrc） #

{
  "arrowParens": "avoid"
}

2. JS格式配置文件（.prettierrc.js） #

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

3. 在package.json中配置 #

{
  // 项目其他配置字段...
  "prettier": {
    "arrowParens": "avoid"
  }
}

配置完成后，Prettier格式化时就会保留你偏好的写法，比如const handleChange = value => { /* 逻辑代码 */ }不会被自动添加括号。

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