首先需安装Node.js和Prettier,再通过Package Control安装JsPrettier插件,配置prettier_cli_path路径后,可使用快捷键或右键格式化代码,并支持保存时自动美化,自定义规则可通过.prettierrc等文件设置。

在Sublime Text中使用Prettier进行代码美化,需要借助插件桥接Node.js工具。Sublime本身不直接支持Prettier,但可以通过JsPrettier插件实现自动格式化功能。
1. 安装前提:Node.js 和 Prettier
确保系统已安装Node.js。打开终端输入以下命令检查:
node -v若未安装,请前往Node.js官网下载LTS版本。
安装完Node后,全局安装Prettier:
npm install -g prettier2. 安装JsPrettier插件
打开Sublime Text,使用Package Control安装插件:
- 按下 Ctrl+Shift+P(Mac为Cmd+Shift+P)打开命令面板
- 输入“Install Package”,选择对应选项
- 搜索“JsPrettier”,点击安装
3. 配置JsPrettier路径(可选)
大多数情况下插件能自动找到Prettier,若报错找不到命令,需手动配置:
- 进入菜单栏 Preferences → Package Settings → JsPrettier → Settings
- 修改
prettier_cli_path为实际路径,例如:
Mac或Linux可通过which prettier查找路径,Windows通常为:C:\Users\用户名\AppData\Roaming\npm\prettier.cmd
4. 使用Prettier格式化代码
打开一个JS、JSX、Vue或CSS文件,执行以下任一操作:
- 右键选择“Format Code with Prettier”
- 使用快捷键 Ctrl+Alt+F(Windows/Linux)或 Cmd+Option+F(Mac)
- 通过命令面板运行“JsPrettier: Format Code”
保存时自动格式化:在用户设置中添加:
"auto_format_on_save": true5. 自定义Prettier规则
在项目根目录创建配置文件,如.prettierrc:
也可在.editorconfig或package.json中配置,JsPrettier会自动读取。
基本上就这些。配置一次后,Sublime就能像VS Code一样用Prettier自动美化代码了。关键是确保Prettier命令可用,并正确指向路径。不复杂但容易忽略细节。










