如何让VS Code自动缩进功能支持.html.erb文件？

以下是几种可行的解决方法：

方法一：将.html.erb关联为HTML文件类型 #

让VS Code把.html.erb文件按照HTML的规则处理，直接继承HTML的自动缩进逻辑：

1. 打开VS Code的设置界面（快捷键：Ctrl+, 或 Cmd+,）
2. 搜索files.associations，点击「编辑 in settings.json」
3. 添加如下配置：

   "files.associations": {
     "*.html.erb": "html"
   }
   

方法二：单独为erb语言配置自动缩进 #

如果需要保留erb的语法高亮，不想将其关联为HTML文件，可以单独为erb文件配置自动缩进规则：

1. 打开settings.json文件
2. 添加针对erb语言的设置：

   "[erb]": {
     "editor.autoIndent": "full",
     "editor.tabSize": 2, // 可根据个人习惯调整缩进尺寸
     "editor.insertSpaces": true
   }
   

额外检查 #

如果以上设置仍不生效，确认是否安装了支持ERB语法的VS Code插件（比如Ruby ERB类插件），确保插件正确识别了.html.erb文件类型，这样缩进规则才能正常应用。

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