sublime怎么格式化代码_sublime代码格式化插件推荐与使用【详解】-sublime-PHP中文网

Sublime Text需装插件实现代码格式化：JsBeautify免配即用，支持HTML/CSS/JS/JSON；JsPrettier需先全局安装prettier和插件，自动读取.prettierrc；Python推荐Black Formatter，需pip install black。

sublime怎么格式化代码_sublime代码格式化插件推荐与使用【详解】

Sublime Text 本身不带内置代码格式化功能，必须通过插件实现；直接按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）调出命令面板后输入 Format Code 是无效的——因为没装插件。

最常用且维护活跃的是 JsPrettier（基于 Prettier）和 JsBeautify，前者更适合现代 JS/TS/React/Vue，后者更轻量、支持语言略多但配置粒度粗。

JsBeautify：通过 Package Control 安装后，无需额外配置即可格式化 HTML/CSS/JS/JSON；右键菜单或快捷键 Ctrl+Alt+F（Windows）触发
JsPrettier：需先确保系统已安装 node 和 prettier（npm install -g prettier），再通过 Package Control 安装插件；它会自动读取项目根目录下的 .prettierrc 或 prettier.config.js
Python 用户推荐 Black Formatter：依赖本地已安装的 black（pip install black），不兼容旧版 Python（

不是插件装了就一定能用，以下问题高频出现：

Element Plus UI Vue3

Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。

下载

插件找不到可执行文件：比如 JsPrettier 报错 "prettier not found"，说明 Sublime 没法从 PATH 找到 prettier，可在插件设置中硬编码路径，如 "prettier_cli_path": "/usr/local/bin/prettier"
文件类型未关联：Sublime 可能将 .vue 文件识别为 Plain Text，导致右键无格式化选项；点击右下角语言标识 → 选择 Vue Component，或在 Preferences → Settings – Syntax Specific 中加 "syntax": "Packages/Vue Syntax Highlight/Vue Component.tmLanguage"
快捷键冲突：某些插件默认快捷键（如 Ctrl+Alt+F）可能被输入法或系统占用，建议在 Preferences → Key Bindings 中自定义，例如：
```
[{"keys": ["ctrl+alt+shift+f"], "command": "js_prettier", "args": {"auto_save": false}}]
```

Sublime 不像 VS Code 那样有 per-language 的 formatter 设置，得靠插件自身的配置文件或插件级配置项控制：

JavaScript/TypeScript：用 JsPrettier 时，在项目根目录放 .prettierrc，内容如：
```
{"semi": false,"singleQuote": true,"tabWidth": 2}
```
HTML/CSS：若用 JsBeautify，修改 Preferences → Package Settings → JsBeautify → Settings，关键字段如 "html": {"end_with_newline": true}
Python：启用 Black Formatter 后，它无视 .editorconfig，只认 pyproject.toml 中的 [tool.black] 配置；若想跳过某段代码，加注释 # fmt: off / # fmt: on