sublime怎么安装prettier插件进行代码美化_sublime使用Prettier自动格式化代码教程

首先需安装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 prettier

2. 安装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为实际路径，例如：

"prettier_cli_path": "/usr/local/bin/prettier"

Mac或Linux可通过which prettier查找路径，Windows通常为：
C:\Users\用户名\AppData\Roaming\npm\prettier.cmd

美图云修

商业级AI影像处理工具

61 查看详情

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_s*e": true

5. 自定义Prettier规则

在项目根目录创建配置文件，如.prettierrc：

{ "semi": true, "singleQuote": true, "tabWidth": 2 }

也可在.editorconfig或package.json中配置，JsPrettier会自动读取。

基本上就这些。配置一次后，Sublime就能像VS Code一样用Prettier自动美化代码了。关键是确保Prettier命令可用，并正确指向路径。不复杂但容易忽略细节。

以上就是sublime怎么安装prettier插件进行代码美化_sublime使用Prettier自动格式化代码教程的详细内容，更多请关注其它相关文章！