# JavaScript 后缀模板

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

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

> **Tip:**
> 了解更多请访问 [Postfix Code Completion](http://blog.jetbrains.com/idea/2014/03/postfix-completion/#sthash.mI1AHa17.dpuf)。

后缀代码补全  允许您在刚键入的表达式周围添加模板代码。 当您在点号后键入其缩写（后缀）并按下展开键（默认为 `Tab` (Windows), `⇥` (macOS), `⇥` (IntelliJ IDEA Classic (macOS)), `⇥` (macOS System Shortcuts), `Tab` (XWin), `Tab` (GNOME), `Tab` (KDE), `Tab` (Emacs), `Tab` (Sublime Text), `⇥` (Sublime Text (macOS)), `Tab` (Visual Studio), `⇥` (Visual Studio (macOS)), `Tab` (NetBeans), `Tab` (Eclipse), `⇥` (Eclipse (macOS))），或在代码补全弹出窗口中选择该缩写时，模板会被展开。 例如，将  `.if`  后缀应用于表达式会将其包裹在  `if`  语句中。

IntelliJ IDEA 随附一组预定义的后缀模板，并允许您定义自己的自定义模板，参见 [创建自定义后缀模板](postfix-code-completion.html#custom-postfix-templates)。

可以复制、更新和移除自定义模板。 对于预定义模板，您只能更改它们的后缀，例如，将一个较长的密钥替换为一个较短的密钥。

|  之前  |  之后  |
| --- | --- |
|     ```JAVASCRIPT function m(arg) { arg.if }  ```    |     ```JAVASCRIPT function m(arg) { if (arg) {  } }  ```    |

了解更多信息，请参阅 [Postfix 代码补全](postfix-code-completion.html)和 [IntelliJ IDEA 博客](http://blog.jetbrains.com/idea/2014/03/postfix-completion/#sthash.mI1AHa17.dpuf)。 。

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)) 打开设置，然后选择  `编辑器 | 常规 | 后缀补全` 。

2. 在打开的   后缀补全  页面上，选择   启用后缀模板  复选框。

该页面显示了可用后缀及其相应模板的列表。 当您选择一个后缀时，   描述   面板会通过展示模板展开前后的代码片段来说明相应的转换。

若要激活后缀，请选中其旁边的复选框。

Procedure: 应用后缀模板

1. 输入您的表达式并加上一个点。

2. 键入后缀并按下展开键（默认为 `Tab` (Windows), `⇥` (macOS), `⇥` (IntelliJ IDEA Classic (macOS)), `⇥` (macOS System Shortcuts), `Tab` (XWin), `Tab` (GNOME), `Tab` (KDE), `Tab` (Emacs), `Tab` (Sublime Text), `⇥` (Sublime Text (macOS)), `Tab` (Visual Studio), `⇥` (Visual Studio (macOS)), `Tab` (NetBeans), `Tab` (Eclipse), `⇥` (Eclipse (macOS))），或从建议列表中选择后缀。 如果必要，请选择一个表达式来替换或围绕。

所有后缀模板的默认扩展键是 `Tab` (Windows), `⇥` (macOS), `⇥` (IntelliJ IDEA Classic (macOS)), `⇥` (macOS System Shortcuts), `Tab` (XWin), `Tab` (GNOME), `Tab` (KDE), `Tab` (Emacs), `Tab` (Sublime Text), `⇥` (Sublime Text (macOS)), `Tab` (Visual Studio), `⇥` (Visual Studio (macOS)), `Tab` (NetBeans), `Tab` (Eclipse), `⇥` (Eclipse (macOS))。 查看 [更改默认扩展键](#postfix_completion_change_default_expansion_key)以了解如何选择另一个。

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))），转到  `编辑器 | 常规 | 后缀补全` 。

2. 在打开的   后缀补全  页面上，点击 ![添加按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.add.svg)，并选择模板将要使用的语言。 您可以选择   JavaScript 和 TypeScript   或   TypeScript  。

3. 在打开的   创建新模板   对话框中：

* 在 键 字段中指定模板后缀。

* 在 最低语言级别 列表中选择语言级别。

* 输入模板代码，并在需要插入初始表达式的位置添加 `$EXPR$` 。 在您希望光标最终停留的位置添加 `$END$` 。 ![后缀补全：创建自定义模板](https://resources.jetbrains.com/help/img/idea/2026.3/ws_postfix_completion_settings_page_create_template_dialog.png)

您也可以创建一个与现有模板略有不同的新模板，例如，在语言上下文或文本光标的最终位置方面。 IntelliJ IDEA 允许您复制原始模板并在副本中进行必要的更改。

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))），转到  `编辑器 | 常规 | 后缀补全` 。

2. 在打开的   后缀补全  页面上，选择您想要从中创建新模板的自定义模板，然后点击工具栏上的 ![](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.copy.svg)。

3. 在打开的   编辑模板  对话框中，请根据需要编辑模板，并输入一个新的后缀。

Procedure: 更改默认扩展键

* 在   设置  对话框 `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))中，前往  `编辑器 | 常规 | 后缀补全` ，然后从   使用扩展模板  列表中选择一个新密钥。

Procedure: 禁用后缀完成

* 要取消展开所有已配置的后缀模板，请清除   启用后缀模板   复选框。

* 如需禁止扩展特定模板，请清除其后缀旁边的复选框。