如何控制TypeScript编译器（tsc）输出代码的缩进大小？

嘿，这个问题我之前也碰到过，其实TypeScript编译器的输出缩进是可以通过配置文件轻松调整的，具体步骤如下：

• 首先，如果你的项目还没有tsconfig.json配置文件，先在项目根目录运行这个命令生成一个基础配置：

  tsc --init
  

• 打开生成的tsconfig.json，找到compilerOptions区块，添加或修改以下两个关键配置：

  • indentSize: 设置你想要的缩进空格数，比如设为2就是2个空格，默认是4个
  • useTabs: 如果设为true，会用制表符（Tab）代替空格来缩进，默认是false

举个配置示例，调整为2个空格缩进的配置片段：

{
  "compilerOptions": {
    "target": "ES2020", // 这里是你的目标JS版本，可根据需求调整
    "indentSize": 2,
    "useTabs": false
  }
}

• 配置好之后，直接运行tsc命令（不用再指定单个文件，配置文件会自动生效），生成的.js文件就会按照你设置的缩进大小来格式化啦。

要是你只是临时编译单个文件，不想用配置文件的话，目前tsc没有直接的命令行参数来设置缩进，所以还是建议用tsconfig.json的方式更灵活持久。

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