查找对比代码格式化规范，咨询对齐格式名称及Web开发格式化推荐

1. 对齐格式的官方名称 #

你提到的这类格式化效果通用官方名称为列对齐（Column Alignment），也有部分文档将其称为垂直对齐，你给出的两个示例属于列对齐的典型落地场景：

• 对象字面量属性对齐：第一个示例中size字段的取值按右侧对齐排列，属于对象属性值的列对齐
• 变量赋值对齐：第二个示例中所有赋值符号=垂直对齐，属于变量声明场景的列对齐

2. 格式化效果预览方案 #

你可以直接在本地开发环境完成不同配置的效果预览，无需额外在线资源：

• 在VS Code、WebStorm等常用开发编辑器中安装Prettier官方插件
• 在项目根目录新建.prettierrc配置文件，修改对应配置项后保存，编辑器会实时渲染格式化后的代码效果，可直接对比不同规范的呈现差异

3. Web开发通用格式化规范推荐 #

• 基础规范优先选用Prettier默认配置：绝大多数开源项目和商业团队会直接沿用默认的缩进、换行、引号规则，大幅降低团队配置对齐成本
• 列对齐配置说明：Prettier原生不支持列对齐相关配置，如果需要启用该效果，需要搭配prettier-plugin-align-properties、eslint-plugin-align-assignments这类第三方插件实现
• 团队协作场景通用规则：
  • 缩进统一使用2个空格，禁止混用Tab和空格
  • 普通字符串优先使用单引号，JSX属性使用双引号
  • 单行代码长度控制在80-120字符范围内，超出后自动换行
  • 尾逗号统一设置为es5模式，数组、对象的最后一个元素后保留尾逗号
  • 函数参数、箭头函数参数的括号规则统一遵循Prettier默认要求，不需要额外手动省略

内容的提问来源于stack exchange，提问作者Roko Galić