如何配置VS Code用制表符缩进、空格对齐？

要实现你需要的效果——用制表符做代码块基础缩进，同时保留手动输入的空格用于对齐，只需调整VS Code的核心缩进设置和格式化规则，步骤如下：

1. 配置基础缩进规则
   打开VS Code设置（快捷键Ctrl+, / Cmd+,），搜索并修改以下选项：

• 将editor.insertSpaces设为false：按下Tab键时直接插入制表符，而非空格
• 将editor.detectIndentation设为false：关闭自动检测文件缩进规则的功能，避免VS Code自动覆盖你的手动设置
• 确认editor.tabSize设为你需要的宽度（比如4，和你的示例匹配）

2. 阻止空格被自动转换为制表符
   问题的核心是自动格式化会强制替换空格，需要针对性处理：

• 如果使用VS Code自带的JavaScript格式化：
  打开设置的JSON视图（点击设置界面右上角的{}图标），添加针对JS文件的规则：

  "[javascript]": {
      "editor.formatOnSave": false,
      "editor.formatOnType": false
  }
  

  关闭自动格式化后，手动输入的空格就不会被强制替换了。
• 如果使用Prettier这类第三方格式化工具：
  在项目根目录创建.prettierrc文件，写入如下配置：

  {
      "useTabs": true,
      "tabWidth": 4,
      "printWidth": 100,
      "singleQuote": true
  }
  

  同时在VS Code设置里确保prettier.useTabs设为true，这样工具会保留制表符缩进，且不会把手动添加的对齐空格转成制表符。

3. 辅助调试：显示空白字符
   开启editor.renderWhitespace为all，这样能在编辑器里直观看到制表符和空格的区别，方便调整对齐：
   在设置中搜索editor.renderWhitespace，选择all即可。

配置完成后，你就能像示例里那样，用制表符做代码块的基础缩进，手动输入空格来对齐后续代码，不会再出现空格被自动转成制表符的问题。

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