首先安装Package Control和JsPrettier插件,再配置Node.js与Prettier环境路径,设置保存时自动格式化,并在项目中使用.prettierrc文件统一代码风格。

要在 Sublime Text 中配置 Prettier 实现代码格式化,你需要安装并配置相关插件,使编辑器能调用 Prettier 对 JavaScript、TypeScript、Vue、React 等文件进行美化。以下是具体操作方法。
安装 Package Control(如有可跳过)
Sublime Text 默认不带包管理器,需先安装 Package Control:
打开 Sublime,按下 Ctrl+`(或菜单 View → Show Console),粘贴官方推荐的安装代码运行即可。安装 JsPrettier 插件
JsPrettier 是 Sublime 中最常用的 Prettier 集成插件。
按下 Ctrl+Shift+P 打开命令面板,输入 “Install Package”,选择 “Package Control: Install Package”。 等待加载完成后,搜索 “JsPrettier”,点击安装。配置 Node.js 和 Prettier 环境
JsPrettier 依赖本地的 Node.js 和 Prettier 命令行工具。
- 确保已安装 Node.js(建议 v14 以上)
- 全局安装 Prettier:
npm install -g prettier - 也可在项目中局部安装:
npm install --save-dev prettier
配置 JsPrettier 设置
安装完成后,需要配置插件路径和格式化选项。
修改 User 设置部分,例如:
{
"prettier_cli_path": "/usr/local/bin/prettier",
"node_path": "/usr/local/bin/node",
"auto_format_on_save": true,
"auto_format_on_save_excludes": [
"*/node_modules/*",
"*/package.json"
],
"additional_cli_args": {
"--tab-width": "2",
"--semi": "true",
"--single-quote": "false"
}
}
注意路径需根据你的系统实际路径填写。macOS/Linux 通常为 /usr/local/bin/,Windows 可能是 C:\\Program Files\\nodejs\\prettier.cmd
使用 Prettier 格式化代码
配置完成后,可通过以下方式格式化代码:
- 右键编辑区 → 选择 “Format Selection with Prettier” 或 “Format Document”
- 使用快捷键,默认是 Ctrl+Alt+F(Windows/Linux),Cmd+Option+F(Mac)
- 若启用了 auto_format_on_save,保存文件时自动格式化
项目级 .prettierrc 配置(推荐)
在项目根目录创建 .prettierrc 文件,定义个性化格式规则:
{
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
这样 JsPrettier 会优先读取项目配置,保证团队统一风格。
基本上就这些。配置一次后,Sublime 就能像 VS Code 一样自动美化代码,保持整洁规范。










