VS Code中Prettier扩展格式化JavaScript不符合预期，需调整配置吗？

这是Prettier的正常默认行为，触发逻辑是当函数调用的参数总长度超过你配置的printWidth阈值（默认值为80），或者参数包含匿名函数这类复杂结构时，Prettier会默认将每个参数单独拆分为一行展示，以此避免单行代码过长影响可读性。

如果想要实现你期望的格式化效果，可以尝试调整以下配置：

• 调整printWidth配置值：适当增大这个参数的数值（比如改为100或120），只要addEventListener所在行的总长度不超过你设置的阈值，Prettier就不会将第一个参数'click'单独拆行。
• 局部跳过格式化：如果只是不想修改全局配置、仅需要这一段代码保持你期望的格式，可以在代码上方加// prettier-ignore注释，Prettier会跳过对下一行/下一段代码的格式化，不过该方案仅适合局部特殊场景使用，不推荐大范围应用。

需要注意的是，Prettier的核心设计理念是优先保证代码风格的强一致性，没有提供专门控制函数参数拆行规则的独立配置项，可自定义的灵活度有限。如果你需要更细粒度的换行规则控制，可以搭配ESLint的function-paren-newline等规则和Prettier共同使用。

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