首先安装clang-format并验证版本，接着创建包含缩进和格式规则的配置文件，通过提取html中脚本部分用clang-format处理，再结合prettier完成整体结构美化，最后编写自动化脚本实现批量格式化。
如果您在Linux系统中使用clang-format处理代码格式化，但发现HTML文件的缩进未能正确对齐，可能是由于默认配置未适配HTML语法结构。以下是解决此问题的具体步骤：
一、安装clang-format工具
确保系统中已安装clang-format，它是LLVM项目的一部分，支持多种编程语言的代码风格统一。可通过包管理器进行安装。
1、打开终端，执行命令 sudo apt install clang-format（适用于Debian/Ubuntu系统）。
2、对于基于RPM的系统（如CentOS或Fedora），运行 sudo dnf install clang-format 或 sudo yum install clang-format。
立即学习“前端免费学习笔记（深入）”；
3、安装完成后，通过输入 clang-format --version 验证是否成功安装并查看当前版本。
二、创建自定义配置文件
clang-format默认不针对HTML提供专门的缩进规则，需手动定义配置以控制标签嵌套层级和属性排布方式。
1、在项目根目录下新建名为 .clang-format 的文件。
2、编辑该文件，添加以下关键参数：
IndentWidth: 2 设置每级缩进为两个空格。
BreakBeforeBraces: Allman 控制大括号换行风格，虽主要用于C++，但在混合代码中影响整体布局。
SortIncludes: false 防止include语句被自动排序，避免干扰HTML中的脚本引入顺序。
三、启用HTML语言模式支持
尽管clang-format主要面向C/C++等语言，但可通过模拟类似JavaScript或内联样式的方式间接作用于HTML中的代码块。
1、将HTML文件中的<script>和<style>内部内容视为独立语言单元进行格式化。</script>
2、使用正则表达式提取脚本区域，例如通过sed或perl工具分离出JavaScript部分。
3、对提取出的代码段单独调用 clang-format -style=file 进行美化后再合并回原文件。
四、结合外部工具增强HTML处理能力
由于clang-format对HTML原生支持有限，建议搭配专用于HTML格式化的工具实现完整缩进控制。
1、安装prettier：运行 npm install -g prettier 安装Node.js版Prettier。
2、执行 prettier --write "*.html" 对所有HTML文件应用标准缩进。
3、若需与clang-format协同工作，可编写Shell脚本先用clang-format处理内嵌C++风格代码，再用Prettier处理整体结构。
五、批量自动化格式化操作
为提高效率，可设置一键脚本完成多个文件的格式化任务。
1、创建名为format-html.sh的脚本文件，并赋予执行权限：chmod +x format-html.sh。
2、在脚本中写入循环命令，遍历指定目录下的所有.html文件。
3、每一项迭代中调用clang-format处理内联脚本，然后交由Prettier完成主体结构调整。
