配置JSBeautifier插件可实现代码自动格式化，提升可读性：先通过Package Control安装插件，再使用右键菜单或快捷键Ctrl+Alt+F（Mac为Cmd+Option+F）格式化代码；自定义设置需在User配置文件中添加js_options、html_options和css_options，调整缩进、换行、括号风格等参数，保存后生效。
在 Sublime Text 中配置 JSBeautifier 插件可以让 JavaScript、JSON、HTML 和 CSS 代码自动格式化，提升代码可读性。以下是详细配置步骤和常见设置说明。
安装 JSBeautifier 插件
使用 Package Control 安装插件：
- 按下 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P）打开命令面板
- 输入 "Install Package"，选择 Package Control: Install Package
- 搜索 JSBeautifier 并点击安装
基本使用方法
安装完成后，可以通过以下方式格式化代码：
- 选中代码块或打开 JS/JSON 文件
- 右键选择 JsFormat 或 Beautify
- 或使用快捷键：Ctrl+Alt+F（Windows/Linux），Cmd+Option+F（Mac）
配置 JSBeautifier 选项
默认配置文件路径：菜单栏 → Preferences → Package Settings → JSBeautifier → Settings - Default
注意：不要直接修改 Default 文件，应复制内容到 User 配置中进行自定义。
打开用户配置文件：
- 菜单选择 Preferences → Package Settings → JSBeautifier → Settings - User
- 添加如下示例配置（根据需要调整）：
{ "js_options": { "indent_size": 2, "indent_char": " ", "indent_level": 0, "indent_with_tabs": false, "preserve_newlines": true, "max_preserve_newlines": 2, "jslint_happy": false, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "eval_code": false, "unescape_strings": false, "wrap_line_length": 0 }, "html_options": { "indent_inner_html": false, "indent_size": 2, "indent_char": " ", "preserve_newlines": true, "max_preserve_newlines": 2, "indent_handlebars": false }, "css_options": { "indent_size": 2, "indent_char": " ", "preserve_newlines": true, "selector_separator_newline": true, "end_with_newline": false } }
常见配置项说明
- indent_size：缩进空格数，推荐 2 或 4
- indent_with_tabs：设为 true 使用 Tab 缩进
- preserve_newlines：保留原始换行
- brace_style：括号风格，可选 "collapse"、"expand"、"end-expand"
- wrap_line_length：超过该长度自动换行，0 表示不换行
保存配置后，重新格式化代码即可生效。
基本上就这些，不复杂但容易忽略细节。
