TypeScript编译代码时如何配置缩进大小 适配2空格Google JS代码风格

核心事实 #

TypeScript 官方编译器没有提供任何自定义编译输出缩进尺寸的配置项。它的设计定位非常明确：只负责类型校验、TS 特有语法（类型、枚举、装饰器等）擦除、新版 JS 语法降级、模块语法转换，完全不承担代码格式化的职责。你看到的编译输出默认4空格缩进，是代码里硬编码的兜底格式，不管怎么翻tsconfig.json的可选配置，都找不到能修改缩进尺寸的选项，不是你没找对。

完全不需要放弃Google代码规范的可行方案 #

• 把编译环节和代码格式化环节彻底解耦（最适配迁移场景）
  首先要理清边界：TS 项目的正式源代码是.ts后缀的文件，所有编译生成的.js都是机器产物，本来就不需要人工逐行维护，更不需要和源文件遵循一样的格式规范。你只需要在编写.ts源文件的阶段，严格遵循2空格缩进的Google JS规范就行——可以通过IDE保存时自动格式化、git提交前钩子自动校验的方式，从源头上保证代码规范落地。如果确实对编译产物的格式有要求，可以在构建流程的tsc步骤之后，追加一个自动格式化步骤，把输出的代码按照Google规范重新调整缩进，整个过程是全自动化的，不需要人工干预。
• 换用支持自定义输出格式的转译工具替代官方tsc
  如果你追求编译完成的输出代码直接就是符合2空格缩进的规范格式，不想额外加格式化步骤，可以选择成熟的第三方TS转译工具替代官方tsc。这类工具本身就提供了细粒度的输出格式配置，包括缩进尺寸、换行规则、引号风格等，你直接把缩进参数设为2空格，转译出来的代码就完全匹配Google规范，这类工具现在在TS项目里不管是开发阶段热更新还是生产构建，都已经非常成熟，替换tsc的配置成本很低。
• 重新调整对编译产物的预期
  很多刚启动TS迁移的开发者，会习惯性地把编译输出的JS代码和之前手写的JS代码做风格对齐，这其实是完全没有必要的内耗：编译生成的JS是给运行环境读取执行的，不是给人修改维护的，只要功能正确、没有运行时问题，不管它是4空格还是2空格缩进，都不影响任何业务效果。你完全可以把所有编译输出的目录加入.gitignore，版本库中只保留.ts源文件，根本不需要关心编译输出的具体格式。

常见认知误区 #

你完全不需要为了适配编译器的默认输出格式，放弃坚持已久的Google代码规范。代码规范的约束对象从来都是人类手写的源代码，不是机器生成的编译产物。只要你在编写.ts源文件的时候，严格落地2空格缩进的规范要求，整个项目的代码风格就完全符合预期，和编译器默认输出什么格式没有任何关系。

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