```html
HBuilderX 中的代码格式化功能简介
HBuilderX 是一个广受欢迎的前端开发工具，特别是在 Vue 和 uni-app 项目开发中备受青睐。在编写代码的过程中，代码的格式化不仅能提升代码的可读性，还能使团队协作更加高效。在本文中，我们将详细介绍如何在 HBuilderX 中重排代码格式。
使用快捷键格式化代码
HBuilderX 提供了便捷的快捷键功能，帮助开发者快速格式化代码。默认情况下，你可以使用以下步骤来实现代码的快速格式化：
步骤一：打开需要格式化的文件
在 HBuilderX 编辑器中打开你希望重排格式的代码文件。无论是 HTML、CSS 还是 JavaScript 文件，HBuilderX 都支持格式化。
步骤二：使用快捷键进行格式化
按下 Ctrl + Alt + L（在 Windows 和 Linux 系统中）或 Cmd + Option + L（在 macOS 系统中）组合键，这将触发 HBuilderX 的代码格式化功能，并自动对当前文件进行重新排列和美化。
使用右键菜单进行格式化
除了快捷键外，HBuilderX 还支持通过右键菜单来格式化代码。这对于不熟悉快捷键的用户非常有用。以下是步骤：
步骤一：选中文件或代码段
在 HBuilderX 编辑器中，右键点击你想要格式化的文件或者代码段。确保你已经选择了需要重新排列的代码内容。
步骤二：选择“代码格式化”选项
在弹出的右键菜单中，选择“代码格式化”选项。这将会调用 HBuilderX 的格式化工具，对选中的代码进行美化和重排。
自定义代码格式化规则
为了适应不同项目的代码风格需求，HBuilderX 允许用户自定义代码格式化规则。你可以根据项目的具体要求调整代码的缩进、换行和其他格式化细节。以下是具体步骤：
步骤一：打开格式化配置
在 HBuilderX 中，进入“设置”->“格式化”，你会看到针对不同语言的格式化选项。你可以在这里调整各类代码的格式化规则。
步骤二：编辑格式化规则
根据项目的需求，编辑各项格式化规则，如缩进大小、空格数量、换行规则等。完成后，保存设置，这些规则将会应用于所有在 HBuilderX 中打开的文件。
自动格式化配置
如果你希望每次保存文件时，代码都能自动格式化，可以启用 HBuilderX 的自动格式化功能。这将大大提升开发效率，确保每次保存时代码都符合指定的格式要求。
步骤一：进入设置菜单
打开 HBuilderX 的设置菜单，找到“自动格式化”选项。
步骤二：启用自动格式化
勾选“保存时自动格式化”选项。这样，当你在 HBuilderX 中保存文件时，编辑器会自动根据预设的规则对代码进行格式化。
总结
在 HBuilderX 中进行代码格式化非常简单且灵活。无论你是通过快捷键、右键菜单还是自动格式化配置，都能轻松实现代码的美化和重排。希望通过本文的介绍，你能够更好地利用 HBuilderX 的格式化功能，提升开发效率和代码质量。
```
这篇文章详细介绍了在 HBuilderX 中如何重排代码格式，包括使用快捷键、右键菜单、自定义规则和自动格式化配置的方法。这些功能能够帮助开发者高效地保持代码的整洁和一致性。
