Sublime Text通过安装插件实现代码格式化,首先安装Package Control,再根据语言选择HTML-CSS-JS Prettify、JsFormat或autopep8等插件,配置Node.js和pip依赖后即可使用快捷键格式化代码。

Sublime Text 本身不带内置的代码格式化功能,但通过安装插件可以轻松实现代码美化与自动格式化。最常用的方式是结合 HTML-CSS-JS Prettify 或 JsFormat 等插件来完成前端代码(HTML、CSS、JavaScript)的格式化,后端语言如 Python 可配合 autopep8 实现美化。
1. 安装 Package Control(若未安装)
Package Control 是 Sublime 的插件管理工具,几乎所有插件都通过它来安装。
快捷键 Ctrl+` 打开控制台,粘贴以下代码并回车:import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read())
2. 安装代码格式化插件
根据你使用的语言选择合适的插件:
- HTML/CSS/JS 格式化: 推荐安装 HTML-CSS-JS Prettify
- JavaScript 专用: 可选 JsFormat
- Python 格式化: 安装 autopep8 并配置
按下 Ctrl+Shift+P → 输入 “Install Package” → 搜索插件名 → 回车安装
3. 配置 HTML-CSS-JS Prettify
该插件基于 Node.js 的 Prettier,需先安装 Node.js 和 npm。
- 下载安装 Node.js
- 全局安装 js-beautify:
打开终端或命令行,执行:npm install -g js-beautify - 在 Sublime 中按 Ctrl+Shift+P,输入 “HTML-CSS-JS Prettify: Beautify with JS-Beautify” 即可格式化当前文件
菜单 → Preferences → Key Bindings → 添加如下配置:
{ "keys": ["ctrl+alt+f"], "command": "html_css_js_prettify" }
4. Python 代码自动格式化(autopep8)
- 安装 autopep8:
pip install autopep8 - Sublime 安装插件:AutoPEP8
- 右键编辑器 → AutoPEP8,或使用默认快捷键格式化代码
5. 其他语言支持
Sublime 支持多种语言的格式化插件:
- JSON 格式化: 使用内置功能或安装 Pretty JSON
- PHP: 安装 PHPFormatter
- Vue/React: 配合 Prettify 插件和正确语法定义使用
基本上就这些。只要环境配置正确,Sublime 就能像其他现代编辑器一样实现漂亮的代码格式化。关键是选对插件,并确保依赖(如 Node、pip 包)已安装。










