如何阻止Prettier移除逗号后的空格？

我太懂这种被格式化工具“纠正”自己特殊格式的困扰了！Prettier本身就是靠统一代码规范来减少风格分歧的，所以默认会自动清理掉它认为“冗余”的空格和不必要的逗号，才会把你特意留的格式改成它默认的样子。不过咱们有两种办法解决这个问题，看你具体需求：

• 如果你只是想保留参数末尾的尾随逗号，同时让逗号后面保持默认的单个空格，可以调整Prettier的全局配置。在你的.prettierrc（或者其他Prettier配置文件）里添加这一项：

  {
    "trailingComma": "all",
    // 其他你已有的配置，比如singleQuote、tabWidth之类的
  }
  

  这个配置会让Prettier在所有支持的地方（对象、数组、函数参数等）都添加尾随逗号，格式化后代码会变成这样：

  tl.to('li', { opacity: 1, stagger: 1, },);
  

  不过它还是会把多空格统一成单个，毕竟这是Prettier的核心规范之一。

• 如果你确实需要保留逗号后面的多个空格（就像你例子里的, );），那只能让Prettier跳过格式化这一行。在代码上方加一行// prettier-ignore注释就行：

  // prettier-ignore
  tl.to('li', { opacity: 1, stagger: 1 },   );
  

  这样每次保存的时候，Prettier就会自动跳过这行，完全保留你写的格式。

不过友情提醒一下，除非是特殊场景（比如和某些老工具兼容），尽量少用局部忽略，毕竟Prettier的初衷就是让团队代码风格统一，减少不必要的格式争论~

备注：内容来源于stack exchange，提问作者Isanish