首先安装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 设置
安装完成后，需要配置插件路径和格式化选项。
代码小浣熊
代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节
51 查看详情 打开 Sublime 菜单：Preferences → Package Settings → JsPrettier → Settings
修改 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 Filesnodejsprettier.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 一样自动美化代码，保持整洁规范。
以上就是sublime怎么配置Prettier进行代码格式化_sublime Prettier插件代码美化方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/594735.html
微信扫一扫 
支付宝扫一扫 
