sublime怎么配置Prettier进行代码格式化_sublime Prettier插件代码美化方法

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

要在 Sublime Text 中配置 Prettier 实现代码格式化，你需要安装并配置相关插件，使编辑器能调用 Prettier 对 JavaScript、TypeScript、Vue、React 等文件进行美化。以下是具体操作方法。

安装 Package Control（如有可跳过）

Sublime Text 默认不带包管理器，需先安装 Package Control：

安装 JsPrettier 插件

JsPrettier 是 Sublime 中最常用的 Prettier 集成插件。

配置 Node.js 和 Prettier 环境

JsPrettier 依赖本地的 Node.js 和 Prettier 命令行工具。

• 确保已安装 Node.js（建议 v14 以上）
• 全局安装 Prettier：
  npm install -g prettier
• 也可在项目中局部安装：
  npm install --save-dev prettier

配置 JsPrettier 设置

安装完成后，需要配置插件路径和格式化选项。

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

修改 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"
  }
}

使用 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"
}

以上就是sublime怎么配置Prettier进行代码格式化_sublime Prettier插件代码美化方法的详细内容，更多请关注php中文网其它相关文章！