如何在Atom编辑器的HTML文件中自动缩进双括号标记？

你遇到的问题我之前也碰过——Atom自带的自动缩进不识别Blaze/Liquid双括号标签，Atom Beautify的几个美化器又各有坑。下面给你几个可行的解决方向：

1. 先搞定HTML Beautifier gem不显示的问题 #

首先得确保gem安装和Atom的关联没问题：

• 打开终端，运行 gem install htmlbeautifier（如果用系统Ruby可能需要加sudo，用rbenv/rvm这类版本管理工具的话直接运行就行）
• 重启Atom，然后去Atom Beautify的设置页面，找到HTML分类下的“Available Beautifiers”，看看有没有出现HTML Beautifier。如果还是没显示：
  • 打开Atom开发者工具（快捷键Ctrl+Shift+I或Cmd+Opt+I），切换到Console标签，输入 atom-beautify:debug 查看日志，大概率是路径检测的问题
  • 手动指定gem路径：在Atom Beautify设置里找到HTML > Executable > Path，填入终端运行 which htmlbeautifier 得到的路径（比如/usr/local/bin/htmlbeautifier）

2. 配置HTML Beautifier支持双括号标签 #

HTML Beautifier本身支持自定义规则，你可以让它识别Blaze/Liquid语法：

• 在Atom Beautify的HTML > Config里添加以下配置：

  {
    "custom_attributes": {
      "{{*}}": true
    },
    "indent_inner_html": true,
    "preserve_newlines": true
  }
  

  或者在项目根目录创建.htmlbeautifyrc文件写入同样内容，这样项目级配置会覆盖全局设置，更灵活。

3. 用专门的语法包让原生缩进生效 #

如果不想折腾美化器，试试安装专门的语法识别包：

• 在Atom的Install面板搜索并安装language-liquid或language-blaze
• 打开你的HTML文件，点击Atom右下角的语法选择器，把文件语法切换为Liquid/Blaze
• 这时候原生的editor:auto-indent（也就是你设置的alt-a快捷键）应该就能正确识别双括号标签并缩进了

4. 修复Pretty Diff的i18n助手损坏问题 #

如果你更习惯用Pretty Diff，可以调整它的配置来避免破坏i18n语法：

• 在Atom Beautify的Pretty Diff设置里，开启“Preserve Attributes”选项
• 或者在项目根目录的.atombeautifyrc里添加：

  "html": {
    "pretty_diff": {
      "attributePreserve": true,
      "ignore": ["{{_.*?}}"]
    }
  }
  

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