推荐使用html-css-js prettify和sublimejsprettier两款插件格式化sublime text 3代码。1.html-css-js prettify专为前端设计，支持html、css、js格式化，提供自定义配置、快捷键绑定及标签修正功能，但对vue或react语法识别较弱；2.sublimejsprettier基于prettier引擎，支持更多语言，适用范围广，需安装node.js和prettier，并可设置保存自动格式化和读取项目配置文件。选择时应根据项目类型、语言需求及团队协作情况决定，前者适合静态页面开发，后者更适合现代框架与多语言项目，同时注意版本兼容性和依赖环境配置。
Sublime Text 3虽然本身已经很轻便高效，但如果你希望代码看起来更整洁、风格统一，那肯定离不开几个好用的格式化插件。其中最值得推荐的就是HTML-CSS-JS Prettify和SublimeJsPrettier这两个插件。它们不仅能自动调整缩进、空格、换行等格式问题，还能根据主流代码规范（比如ESLint或Prettier配置）来优化代码结构，尤其适合团队协作或者接手别人代码时使用。
HTML-CSS-JS Prettify：前端代码格式化的首选
这个插件专为前端开发者打造，支持HTML、CSS、JavaScript三种语言的格式化操作，基本上覆盖了前端开发的常用文件类型。安装后只需要右键点击代码文件，选择“Prettify Code”就能一键美化代码。
它有几个实用的小细节需要注意：
- 可以自定义配置文件（比如
.jsbeautifyrc），按需设置缩进字符数、引号类型等 - 支持快捷键绑定，例如
Ctrl + Alt + F快速格式化当前文件 - 对不规范的嵌套标签或JS表达式也能做一定程度的修正
不过有一点要提醒的是，如果项目中使用了Vue或React语法，这个插件可能识别不够准确，这时候可以考虑搭配其他工具一起使用。
SublimeJsPrettier：基于Prettier核心，支持更多语言
SublimeJsPrettier是另一个非常流行的插件，它的底层依赖是Prettier——一个在前端社区广泛使用的格式化引擎。相比HTML-CSS-JS Prettify，它支持的语言更多，包括TypeScript、JSON、Markdown等，适用范围更广。
使用前需要先安装Node.js，并通过npm全局安装Prettier。之后再配置一下Sublime的快捷键或保存自动格式化选项，就能实现编辑器内的即时美化。
一些关键设置建议如下：
- 在Sublime菜单中选择
Preferences > Package Settings > Prettier > Settings - User来调整规则 - 开启“format on save”，保存文件时自动格式化，避免手动操作
- 如果项目中有
.prettierrc文件，插件会优先读取该配置，方便统一团队风格
插件怎么选？看你的使用场景
如果你主要是写静态页面或简单脚本，HTML-CSS-JS Prettify就足够用了；但如果是现代前端框架项目（如Vue、React），或者需要处理多种语言文件，SublimeJsPrettier会更合适。
另外还要注意几点：
- 安装前确认Sublime版本是否兼容插件最新版
- 某些插件需要额外依赖环境（如Node.js）
- 团队合作时最好共享配置文件，避免各自格式不一致
总的来说，这两款插件各有优势，选对合适的能让你的代码不仅看着舒服，也更容易维护。基本上就这些，别看步骤有点多，其实配置一次之后基本不用再动，省心又专业。
