如何配置Prettier以保留表格化代码的空格格式？

Prettier 是一款强风格约束的格式化工具，默认会统一代码格式，不会保留这类手动添加的对齐空格。不过你可以通过以下两种方式实现需求：

• 单行忽略格式化：在需要保留格式的代码行上方添加 // prettier-ignore 注释，让 Prettier 跳过该行的格式化：

  const transitions: any = [
        /* fromState        event         toState         callback */
        // prettier-ignore
        t(States.zombie, Events.click,    States.walk,    ()=>animation("walk")),
        // prettier-ignore
        t(States.walk,   Events.click,    States.jog,     ()=>animation("jog")),
        // prettier-ignore
        t(States.jog,    Events.off,      States.off,     onClose),
  ];
  

• 块级忽略格式化：如果要忽略整个代码块的格式化，可以用 /* prettier-ignore-start */ 和 /* prettier-ignore-end */ 包裹目标代码：

  const transitions: any = [
        /* fromState        event         toState         callback */
        /* prettier-ignore-start */
        t(States.zombie, Events.click,    States.walk,    ()=>animation("walk")),
        t(States.walk,   Events.click,    States.jog,     ()=>animation("jog")),
        t(States.jog,    Events.off,      States.off,     onClose),
        /* prettier-ignore-end */
  ];
  

需要注意的是，Prettier 的设计目标是消除代码风格分歧，因此没有提供专门的配置项来支持自定义对齐格式，上述忽略注释是官方推荐的特殊格式需求处理方案。

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