# Prettier

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> 所需插件  :
>
>
>
> `JavaScript 和 TypeScript` ,  `Prettier`  -  插件与 IntelliJ IDEA 捆绑在一起，并默认启用。

[Prettier](https://prettier.io/) 是一个用于格式化各种语言（如 TypeScript、JavaScript、CSS、HTML、JSON 等）的文件的工具。 通过 IntelliJ IDEA，您可以使用   使用 Prettier 重新格式化   操作格式化选定的代码片段以及整个文件或目录。 IntelliJ IDEA 在您将 Prettier 作为依赖项安装到项目中或全局安装到计算机上时，即会立即添加此操作。

可以配置 Prettier，使其在特定文件发生更改且更改已自动或手动保存时重新格式化该文件，请参阅 [保存时自动运行 Prettier](#ws_prettier_run_automatically_in_current_project)。

此外，可以为特定文件将 Prettier [设置为默认格式化程序](#ws_prettier_default_formatter)。 每次使用 `Ctrl+Alt+L` (Windows), `⌘ ⌥ L` (macOS), `⌘ ⌥ L` (IntelliJ IDEA Classic (macOS)), `⌘ ⌥ L` (macOS System Shortcuts), `Ctrl+Alt+L` (XWin), `Ctrl+Alt+L` (GNOME), `Alt+Shift+L` (KDE), `Ctrl+Alt+L` (Emacs), `Ctrl+Alt+L` (Sublime Text), `⌘ ⌥ L` (Sublime Text (macOS)), `Ctrl+Alt+Enter` (Visual Studio), `⌘ ⌥ ⏎` (Visual Studio (macOS)), `Alt+Shift+F` (NetBeans), `Ctrl+Alt+L` (Eclipse), `⌘ ⇧ F` (Eclipse (macOS)) 重新格式化代码时，它都会针对这些文件运行。

有关更多信息，请参见 [使用 Prettier 重新格式化代码。?](#ws_prettier_reformat_code)。

> **Tip:**
> 要将 Prettier 工具用于 Java，请参考可添加到 Java 项目的 [Prettier-Java plugin](https://github.com/jhipster/prettier-java)。

## 开始之前

Procedure:

1. 下载并安装 [Node.js](http://nodejs.org/#download)。

> **Note:**
> 要使用以 TypeScript 编写的 Prettier 配置文件，请确保您的 Node.js 版本为 22.6.0 或更高。

2. 确保  JavaScript 和 TypeScript  和  Prettier  这些必需插件已在   设置 | 插件   页面上启用。 有关更多信息，请参阅 [管理插件](managing-plugins.html)。

## 安装 Prettier

Procedure:

1. 打开你的命令行 shell 或内嵌   终端  （ `Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (NetBeans), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS))）。

2. 键入以下命令之一：

* `npm install --save-dev --save-exact prettier`

* `npm install --global prettier`

请访问 [Prettier 官方网站](https://prettier.io/docs/en/install.html) 了解更多关于安装模式的信息。

## 在 IntelliJ IDEA 中配置 Prettier

IntelliJ IDEA 启用 Prettier，并在安装后立即添加   使用 Prettier 重新格式化  操作 [如上所述](#ws_prettier_install)。 要关闭 Prettier，请打开   设置  对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到   语言与框架 | JavaScript | Prettier  ，并选择   禁用 Prettier  。

### 支持的配置文件格式

IntelliJ IDEA 可在以下文件类型中识别 Prettier 配置：

* `.prettierrc.json` , `.prettierrc.yml` , `.prettierrc.yaml` , 或 `.prettierrc.json5`

* `.prettierrc.js` , `prettier.config.js` , `.prettierrc.mjs` , `prettier.config.mjs` , `.prettierrc.cjs` , `prettier.config.cjs` , `.prettierrc.toml`

* `.prettierrc.ts` 、 `prettier.config.ts` 、 `.prettierrc.mts` 、 `prettier.config.mts` 、 `.prettierrc.cts` 、 `prettier.config.cts` > **Note:** > 要使用以 TypeScript 编写的 Prettier 配置文件，请确保您的 Node.js 版本为 22.6.0 或更高。

详细信息请参阅 [Prettier 官方网站](https://prettier.io/docs/configuration/#typescript-configuration-files)。

### 自动 Prettier 配置

在此模式下，对于每个匹配 [运行文件模式](#prettier_scope_run_for_files)的文件：

* IntelliJ IDEA 使用最接近的 `node_modules` 文件夹中的 Prettier 包，该文件夹位于要重新格式化的文件所在的同一文件夹或其父文件夹之一中。

* IntelliJ IDEA 会自动检测最近的 [配置文件](#ws_prettier_configure_supported_formats)，并应用其中的设置。

* IntelliJ IDEA 会在文件夹树中向上搜索 `.prettierignore` 文件，并使用找到的第一个文件中的设置（如果有）。

使用   自动 Prettier 配置  时，Prettier 仅应用于在相应  `package.json` 中列出的 Prettier 依赖范围内的文件。 要更改此行为，请选择   手动 Prettier 配置  并选中   将 Prettier 应用于 prettier 依赖作用域之外的文件  复选框，详情请参见 [手动 Prettier 配置](#ws_prettier_configure_scope_steps_suppress_processing_subprojects)。

假设，您的项目结构如下：

![项目结构：Prettier 仅应用于 Prettier 依赖范围内的文件](https://resources.jetbrains.com/help/img/idea/2026.3/prettier_configuration_enable_auto_default.png)

项目根目录中有一个  `.prettierrc` 配置文件。 此外，还有四个  `package.json` 文件，其中一个在项目根目录中，其他的在子项目中。 如您所见，Prettier 仅在  `packages/package_c_with_prettier_dependency` 子项目的  `package.json` 中列为依赖项。 因此，只有来自  `packages/package_c_with_prettier_dependency/src` 的文件会使用 Prettier 格式化。

如果 Prettier 在任何  `package.json` 中列为依赖项，并且项目至少有一个 Prettier 配置文件，则   自动 Prettier 配置  在任何没有  `.idea` 文件夹的新项目中默认启用。

因此，如果您的项目包含多个具有不同 Prettier 配置的模块，每个模块将使用其自己的 Prettier 配置文件中的规则（如果找到了这样的配置）。

如果由于某种原因   自动 Prettier 配置  未默认启用，您可以自行启用。

Procedure: 启用自动 Prettier 配置

1. 打开   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到   语言与框架 | JavaScript | Prettier  ，然后选择   自动 Prettier 配置  。

![自动配置 Prettier](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_configuration_automatic_mode.png)

2. 要将 Prettier 自动应用于已保存的文件，请选择   保存时运行   复选框。

3. 在   运行 文件   字段中，指定 Prettier 将自动应用于此类文件的文件模式，当这些文件保存或调用   重新格式化代码   操作时将执行。

使用默认模式，Prettier 将应用于任何 JavaScript、TypeScript、JSX、TSX、HTML、Vue 或 Astro 文件。 要重新格式化其他类型的文件或存储在特定文件夹中的文件，请使用 [glob 模式](https://github.com/isaacs/node-glob#glob)更新默认模式。

* 例如，若想自动重新格式化 CoffeeScript 文件，请将 `咖啡` 添加至默认模式，如下所示： ``` **/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,coffee} ```

* 要重新格式化特定文件夹中的文件，包括子文件夹，请将 `**/*` 替换为 `<path to the folder>/**/*` 。 假设您的项目具有以下结构： ![Prettier：自定义模式。 示例项目结构](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_configure_scope.png) 若只对 `咖啡` 文件夹中的文件重新格式化，请按如下方式更新模式： ``` coffee/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,coffee} ``` 因此，文件 `reformat.coffee` 被重新格式化，而 `no_reformatting.coffee` 则没有。

有关更多信息，请参阅 [保存时自动运行 Prettier](#ws_prettier_run_automatically_in_current_project) 和 [将 Prettier 设置为默认格式化程序](#ws_prettier_default_formatter)。

### 手动 Prettier 配置

Procedure:

1. 打开   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到   语言与框架 | JavaScript | Prettier  ，然后选择   手动 Prettier 配置  。

2. 从   Prettier 包   列表中，选择要使用的  `prettier`  安装。 如果您遵循了标准安装程序，IntelliJ IDEA 会自行定位  `prettier`  包，并且该字段会自动填写。

![配置 Prettier：手动模式](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_configuration_manual_mode.png)

3. 要 [将 Prettier 设置为默认格式化工具](#ws_prettier_default_formatter)，请选择   在“重新格式化代码”操作时运行   复选框。

4. 要将 Prettier 自动应用于已保存的文件，请选择   保存时运行   复选框。

5. [配置 Prettier 的范围](#ws_prettier_configure_scope)。

### 配置 Prettier 的作用域

您可以指定文件名模式，以定义要由 Prettier 自动处理的文件。 您还可以通过将文件添加到  `.prettierignore`  文件中来排除某些文件的处理。

默认情况下，Prettier 不仅应用于存储  `prettier`  包的模块，还应用于其他模块，这在 monorepos 中可能很有用。

Procedure:

1. 在   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到   语言与框架 | JavaScript | Prettier  。

2. 在   运行 文件   字段中，指定 Prettier 将自动应用于此类文件的文件模式，当这些文件保存或调用   重新格式化代码   操作时将执行。

使用默认模式，Prettier 将应用于任何 JavaScript、TypeScript、JSX、TSX、HTML、Vue 或 Astro 文件。 要重新格式化其他类型的文件或存储在特定文件夹中的文件，请使用 [glob 模式](https://github.com/isaacs/node-glob#glob)更新默认模式。

* 例如，若想自动重新格式化 CoffeeScript 文件，请将 `咖啡` 添加至默认模式，如下所示： ``` **/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,coffee} ```

* 要重新格式化特定文件夹中的文件，包括子文件夹，请将 `**/*` 替换为 `<path to the folder>/**/*` 。 假设您的项目具有以下结构： ![Prettier：自定义模式。 示例项目结构](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_configure_scope.png) 若只对 `咖啡` 文件夹中的文件重新格式化，请按如下方式更新模式： ``` coffee/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,coffee} ``` 因此，文件 `reformat.coffee` 被重新格式化，而 `no_reformatting.coffee` 则没有。

有关更多信息，请参阅 [保存时自动运行 Prettier](#ws_prettier_run_automatically_in_current_project) 和 [将 Prettier 设置为默认格式化程序](#ws_prettier_default_formatter)。

3. 指定要使用的 [.prettierignore

文件](https://prettier.io/docs/en/ignore.html)。

对于每个匹配 [上述指定模式](#prettier_scope_run_for_files)的文件，IntelliJ IDEA 默认会在文件夹树中向上搜索  `.prettierignore` ，并使用找到的第一个文件。 当您选择 [自动 Prettier 配置](#ws_prettier_configuration_automatic)时，总是会应用此默认方法。

使用 [手动 Prettier 配置](#ws_prettier_configuration_manual)时，   .prettierignore 的路径   字段默认也会显示  `自动检测 .prettierignore 文件` 。 接受此建议，或点击 ![浏览按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.inline.browse.svg) 并选择要使用的  `.prettierignore` 。

4. 默认情况下，无论项目树中更高的  `node_modules`  文件夹是否包含  `prettier`  包，Prettier 都会自动应用于每个匹配 [上述指定模式](#prettier_scope_run_for_files)的文件。 这使您可以在所有子项目中使用 Prettier，而无需在每个子项目中安装  `prettier`  包。

要禁止处理没有  `prettier`  包的子项目中的文件，请选择   手动 Prettier 配置   并清除   将 Prettier 应用于 prettier 依赖作用域之外的文件   复选框。

### Prettier 语言状态小部件

当您打开应根据 [已配置的作用域](#ws_prettier_configure_scope) 使用 Prettier 处理的文件时，状态栏上会出现 Prettier 小部件图标 ![Prettier 状态小部件](https://resources.jetbrains.com/help/img/idea/2026.3/javascript-plugin.icons.expui.fileTypes.prettier.png)。

![Prettier 语言状态小部件](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_widget.png)

通过此小部件，您可以重新启动 Prettier 语言服务、打开 Prettier 配置文件进行编辑，或打开 Prettier 设置以更新 Prettier 配置。

![Prettier 语言状态小部件——操作](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_widget_popup.png)

Procedure:

* 要重新启动 Prettier 语言服务，请点击 ![重新启动服务图标](https://resources.jetbrains.com/help/img/idea/2026.3/app.actions.stopAndRestart.svg)。

* 要打开并编辑 Prettier 配置文件，请点击 ![编辑配置文件图标](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.ide.configFile.svg)。

* 要更新 [在 IntelliJ IDEA 中的 Prettier 配置](#ws_prettier_configure)，请点击 ![打开设置图标](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.settings.svg)。

* 如果检测到任何错误，例如 Node.js 版本不正确、Prettier 软件包无效、插件错误或 [语言服务超时](#ws_prettier_widget_timeout)，则会显示 ![错误图标](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.status.error.svg)。

将鼠标悬停在 ![打开设置图标](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.status.error.svg) 上可查看包含问题描述的工具提示。

![Prettier 语言状态小部件——检测到错误](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_widget_steps_error.png)

点击 ![打开设置图标](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.status.error.svg) 以打开 [Prettier 配置设置](#ws_prettier_configure)。

为避免浪费系统资源，Prettier 语言服务器在一段时间无活动后超时并自动停止。 当调用其格式化您的代码或解析配置（例如修改代码样式时）时，Prettier 被视为处于活动状态。

Procedure: 设置自定义超时时间

默认超时时间为 5 分钟。

1. 在主菜单中转到  `工具 | 内部操作 | 注册表` ，或使用 `Ctrl+Shift+A` (Windows), `⌘ ⇧ A` (macOS), `⌘ ⇧ A` (IntelliJ IDEA Classic (macOS)), `⌘ ⇧ P` (macOS System Shortcuts), `Ctrl+Shift+A` (XWin), `Ctrl+Shift+A` (GNOME), `Ctrl+Shift+A` (KDE), `Escape, X` (Emacs), `Ctrl+Shift+P` (Sublime Text), `⌘ ⇧ P` (Sublime Text (macOS)), `Ctrl+Shift+A` (Visual Studio), `⌘ ⇧ A` (Visual Studio (macOS)), `Ctrl+I` (NetBeans), `Ctrl+Shift+A` (Eclipse), `⌘ 3` (Eclipse (macOS)) 打开   注册表  。

2. 找到  `prettier.service.expiration.timeout.ms`  键，并在   值   字段中更改默认超时时间。

## 使用 Prettier 重新格式化代码。?

Procedure:

1. 在编辑器中，选择要重新格式化的代码片段。 要重新格式化文件或文件夹，请在   项目   工具窗口（ `Alt+1` (Windows), `⌘ 1` (macOS), `⌘ 1` (IntelliJ IDEA Classic (macOS)), `⌘ 1` (macOS System Shortcuts), `Alt+1` (XWin), `Alt+1` (GNOME), `Alt+1` (KDE), `Alt+1` (Emacs), `Alt+1` (Sublime Text), `⌘ 1` (Sublime Text (macOS)), `Ctrl+Alt+L` (Visual Studio), `⌘ ⌥ L` (Visual Studio (macOS)), `Ctrl+1` (NetBeans), `Alt+1` (Eclipse), `Alt+1` (Eclipse (macOS))）中选择它。

2. 然后从上下文菜单中选择   使用 Prettier 重新格式化  。

可以配置 Prettier，使其在特定文件发生更改且更改已自动或手动保存时重新格式化该文件，请参阅 [保存时自动运行 Prettier](#ws_prettier_run_automatically_in_current_project)。

此外，可以为特定文件将 Prettier [设置为默认格式化程序](#ws_prettier_default_formatter)。 每次使用 `Ctrl+Alt+L` (Windows), `⌘ ⌥ L` (macOS), `⌘ ⌥ L` (IntelliJ IDEA Classic (macOS)), `⌘ ⌥ L` (macOS System Shortcuts), `Ctrl+Alt+L` (XWin), `Ctrl+Alt+L` (GNOME), `Alt+Shift+L` (KDE), `Ctrl+Alt+L` (Emacs), `Ctrl+Alt+L` (Sublime Text), `⌘ ⌥ L` (Sublime Text (macOS)), `Ctrl+Alt+Enter` (Visual Studio), `⌘ ⌥ ⏎` (Visual Studio (macOS)), `Alt+Shift+F` (NetBeans), `Ctrl+Alt+L` (Eclipse), `⌘ ⇧ F` (Eclipse (macOS)) 重新格式化代码时，它都会针对这些文件运行。

此行为可以 [在当前项目中启用](#ws_prettier_run_automatically_in_current_project)，也可以 [为所有新项目启用](#ws_prettier_run_automatically_in_new_projects)。

Procedure: 保存时自动运行 Prettier

1. 打开   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到  `语言与框架 | JavaScript | Prettier` ，并选中   保存时运行   复选框。

2. 在   运行 文件   字段中，指定模式，以定义每次保存此类文件时要重新格式化的一组文件。 您可以接受默认模式或输入自定义模式。

使用默认模式，Prettier 将唤醒并处理任何已更新和保存的 JavaScript、TypeScript、JSX、TSX、HTML、Vue、Astro、  `.ml`  或 CSS 文件。 要重新格式化其他类型的文件或存储在特定文件夹中的文件，请使用 [glob patterns](https://github.com/isaacs/node-glob#glob)更新默认模式。

* 例如，要自动重新格式化 `sass` 和 `.scss` 文件，请将 `sass, scss` 添加到默认模式，如下所示： ``` **/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,ml,css,scss,sass} ```

* 要重新格式化特定文件夹中的文件，包括子文件夹，请将 `**/*` 替换为 `<path to the folder>/**/*` 。 假设您的项目具有以下结构： ![Prettier：自定义模式。 示例项目结构](https://resources.jetbrains.com/help/img/idea/2026.3/ws_prettier_glob_pattern.png) 要自动将 Prettier 应用于 `src` 文件夹中的文件，请按以下方式更新模式： ``` src/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,astro,ml,css} ``` 保存时，文件 `dog.ts` 会被重新格式化，而 `animal.ts` 将保持不变。

Procedure: 在粘贴时重新格式化代码片段

默认情况下，新粘贴的代码片段将自动使用 Prettier 重新格式化。 要禁用此行为：

* 打开   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到  `语言与框架 | JavaScript | Prettier` ，并清除   在粘贴时运行   复选框。

Procedure: 将 Prettier 设置为默认格式化程序

1. 打开   设置   对话框（ `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))），转到  `语言与框架 | JavaScript | Prettier` 。

2. 选择   手动 Prettier 配置   然后选择   在“重新格式化代码”操作时运行   复选框。 了解更多有关 Prettier 配置的信息，请参阅 [选择如何检测 Prettier 包和配置文件](#ws_prettier_configure)。

3. 在   运行 文件   字段中，指定定义要始终使用 Prettier 重新格式化的文件集的模式。 接受默认模式或按照 [配置 Prettier 的范围](#prettier_scope_run_for_files)中描述的方式自定义模式。

Procedure: 配置 Prettier 在新项目中保存时或重新格式化时运行

1. 前往  `文件 | 新建项目设置 | 新项目的 设置` 。 在打开的对话框中，前往  `语言与框架 | JavaScript | Prettier` 。

2. 使用   在“重新格式化代码”操作时运行   和  `保存时`  复选框来指定触发 Prettier 的操作。

3. 如有必要，请按照 [自动保存时运行 Prettier](#ws_prettier_file_pattern) 中的说明更新   运行 文件   字段中的默认模式。

## See also

### 过程

[TypeScript](typescript-support.html)

### 参考

[TypeScript](settings-languages-typescript.html) [代码样式](settings-code-style.html)

