
要在 Sublime Text 中实现代码自动格式化,安装 Prettier 插件是关键。虽然 Sublime 本身不直接支持 Prettier,但可以通过结合 Node.js 和第三方插件来实现。以下是具体操作步骤:
1. 安装 Node.js 和 Prettier
确保你的系统已安装 Node.js,因为 Prettier 是基于 Node 的工具。
- 访问 https://nodejs.org 下载并安装 Node.js
- 打开终端或命令行,运行以下命令全局安装 Prettier:
npm install -g prettier
安装完成后,可通过 prettier --version 验证是否成功。
2. 安装 Sublime 插件:JsPrettier
JsPrettier 是 Sublime Text 中最常用的 Prettier 集成插件。
- 在 Sublime 中按下 Ctrl+Shift+P(Windows)或 Cmd+Shift+P(Mac)打开命令面板
- 输入 “Install Package” 并选择 “Package Control: Install Package”
- 搜索 “JsPrettier” 并点击安装
3. 配置 JsPrettier
安装完成后,建议检查或修改配置以确保正常运行。
- 打开 Sublime 菜单栏:Preferences → Package Settings → JsPrettier → Settings
- 确认 prettier_cli_path 是否正确,通常可留空让插件自动查找
- 设置 auto_format_on_save 为 true 可实现保存时自动格式化:
"auto_format_on_save": true
4. 使用 Prettier 格式化代码
配置完成后,你可以通过以下方式使用:
- 选中代码块,右键选择 “Format with Prettier”
- 或使用快捷键(默认为 Ctrl+Command+L on Mac,可自定义)
- 如果启用了 auto_format_on_save,保存文件时会自动格式化
支持的语言包括 JavaScript、TypeScript、HTML、CSS、Vue、React 等,具体取决于 Prettier 版本。
基本上就这些,不复杂但容易忽略环境依赖。确保 Node 和 Prettier 命令行可用,插件才能调用成功。










