<p>通过安装CodeFormatter等插件并配置用户设置，可解决Sublime Text中JavaScript代码格式混乱问题，具体步骤包括：一、使用Package Control安装插件；二、修改Settings - User文件自定义规则；三、设置JavaScript缩进、花括号风格等参数；四、启用保存时自动格式化功能；五、绑定快捷键实现一键格式化，提升代码可读性与维护效率。</p>
如果您在使用Sublime Text编辑JavaScript代码时，发现格式混乱、缩进不统一，导致代码难以阅读和维护，则可以通过安装和配置专门的代码格式化插件来解决此问题。以下是实现多语言格式化及自定义规则的具体步骤：
一、通过Package Control安装插件
使用内置的包管理器是获取和管理插件最便捷、最安全的方式，它能自动处理依赖并保持插件更新。
1、在Sublime Text中，按下 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板。
2、在命令面板中输入 "Package Control: Install Package"，然后从下拉菜单中选择该选项并回车。
3、等待软件包列表加载完成，此时会提示您输入要安装的插件名称。
4、在搜索框中输入 "CodeFormatter" 或 "HTML-CSS-JS Prettify" 进行搜索。
5、从搜索结果中选择您需要的插件，点击确认进行安装。
6、安装完成后，根据提示重启Sublime Text以确保插件正常加载。
二、配置用户设置文件
插件安装后，默认配置可能不符合您的编码规范，需要修改用户设置文件（Settings - User）来覆盖默认行为，从而实现个性化定制。
1、点击顶部菜单栏的 Preferences -> Package Settings -> CodeFormatter -> Settings - User 。（如果使用的是其他插件，请在Package Settings中找到对应名称）
2、此时会打开一个JSON格式的配置文件，右侧为可编辑的用户设置区域。
3、将光标置于大括号 {} 内，输入或粘贴您需要的语言配置项。
三、自定义JavaScript格式化规则
针对JavaScript语言，您可以精确控制缩进大小、引号风格、括号位置等细节，确保团队代码风格一致。
1、在用户设置文件中，添加名为 "codeformatter_js_options" 的配置对象。
2、在此对象内设置具体参数，例如：使用4个空格进行缩进（"indent_size": 4）。
3、设定花括号的放置风格，如希望函数和控制语句的左花括号与声明在同一行，可设置 "brace_style": "collapse" 。
4、决定是否保留原有的换行，若希望格式化器压缩不必要的空行，可设置 "preserve_newlines": false 。
5、完整的JS配置示例应类似于：{"codeformatter_js_options": {"indent_size": 4, "brace_style": "collapse", "preserve_newlines": false}}。
四、启用保存时自动格式化
开启此功能可以在每次保存文件时自动应用格式化规则，避免手动操作，有效保证提交到版本控制系统的代码始终整洁。
1、在用户设置文件的相应语言配置对象中，查找或添加 "format_on_save" 选项。
2、将其值设置为 true 可对所有文件生效，但更推荐使用正则表达式进行条件控制。
3、例如，设置 "format_on_save": "^((?!.min.|vendor).)*$" 可以让插件在保存时自动格式化所有文件，但会排除文件名包含 ".min." 或位于 "vendor" 目录下的文件，防止破坏压缩过的库文件。
4、修改完成后，保存设置文件，该功能将立即生效。
五、设置自定义快捷键
为格式化命令绑定一个易记的快捷键，可以让你无需通过菜单或命令面板，一键快速美化当前代码或选中的代码块。
1、点击顶部菜单栏的 Preferences -> Key Bindings 。
2、在右侧打开的用户键位设置文件中，添加一个新的JSON对象。
3、在该对象中，使用 "keys" 字段定义快捷键组合，例如 ["ctrl+alt+f"] 。
4、使用 "command" 字段指定要执行的命令，对于CodeFormatter插件，此值通常为 "code_formatter" ；对于HTML-CSS-JS Prettify插件，则为 "html_css_js_prettify" 。
5、保存Key Bindings文件，新的快捷键即可使用。
