Sublime怎么格式化代码？一键美化代码的3种实用方法

sublime可通过三种方法实现代码格式化：1.安装codeformatter插件，支持多语言格式化，通过package control安装后可右键或设置快捷键alt + f一键格式化，部分语言需本地安装对应工具；2.使用html-css-js prettify插件，适合前端开发，安装后可右键选择prettify code，并支持自定义配置文件.jsbeautifyrc及绑定快捷键ctrl + alt + f；3.通过快捷键配合外部工具，如prettier或eslint，需先安装node.js及相关工具，在sublime中新建build system并配置命令，按ctrl + b执行格式化，适用于有特定规范的团队协作。

用 Sublime 格式化代码其实挺方便的，只要你掌握了方法。不像有些编辑器默认就带格式化功能，Sublime 需要稍微配置一下或者借助插件才能实现一键美化代码。不过别担心，下面这三种方法都很实用，适合日常开发使用。

安装 CodeFormatter 插件

这是最常用的方式之一，CodeFormatter 是一个支持多种语言的代码格式化插件，安装后基本可以满足大多数前端和后端语言的格式化需求。

安装方式：

• 打开 Sublime，通过快捷键 Ctrl + Shift + P 调出命令面板
• 输入 Install Package Control 确保你已经安装了 Package Control（如果没有的话）
• 再次打开命令面板，输入 Package Control: Install Package
• 搜索 CodeFormatter 并安装

安装完成后，你可以选中代码 → 右键 → 选择 Format Code with CodeFormatter，也可以设置快捷键，比如 Alt + F，这样就能一键美化代码了。

注意：部分语言可能需要你本地已经安装对应的格式化工具，比如 PHP 需要 php-cs-fixer，JS 需要 prettier 或 eslint。

使用 HTML-CSS-JS Prettify 插件（适合前端）

如果你主要写 HTML、CSS 和 JavaScript，这个插件会更适合你。

安装步骤：

AVCLabs

AI移除视频背景，100%自动和免费

268

查看详情

• 同样用 Ctrl + Shift + P 打开命令面板
• 搜索并安装 HTML-CSS-JS Prettify

安装完成后，右键代码 → 选择 Prettify Code 就能格式化当前文件。它也支持自定义配置，比如缩进是空格还是 Tab、引号是单引号还是双引号等，配置文件在 .jsbeautifyrc 中。

另外，你还可以为它绑定快捷键，比如设置成 Ctrl + Alt + F，这样操作起来更高效。

快捷键配合外部工具（适合有特定格式化习惯的人）

如果你已经在用像 Prettier 或 ESLint 这样的格式化工具，可以直接在 Sublime 中调用它们。

操作方式：

1. 确保你的电脑上已经安装了 Node.js 和相关工具（如 npm install -g prettier）
2. 在 Sublime 中打开命令面板 → 输入 Build System → 选择 New Build System...
3. 添加如下内容（以 prettier 为例）：

{
  "cmd": ["npx", "prettier", "--write"],
  "selector": "source.js, source.css, source.html"
}

4. 保存为 Prettier.sublime-build
5. 设置当前 Build System 为你刚创建的这个，然后按 Ctrl + B 就可以执行格式化了

这种方式虽然前期配置稍复杂，但灵活性高，特别适合团队协作时统一格式规范。

基本上就这些方法了。你可以根据自己的开发习惯选择最适合的一种。刚开始可能有点小麻烦，但一旦配好，写代码顺手多了。

以上就是Sublime怎么格式化代码？一键美化代码的3种实用方法的详细内容，更多请关注php中文网其它相关文章！