WebStorm 2025.3 Help

高级补全

语句补全

您可以使用语句完成来创建语法正确的代码结构。 它会插入必要的语法元素(圆括号、花括号和分号),并使您处于可以开始键入下一条语句的位置。

要调用语句补全,请开始输入代码结构并按 Ctrl+Shift+Enter

完成方法或函数声明

  • 开始输入方法或函数声明,并在圆括号后按 Ctrl+Shift+Enter。 WebStorm 会创建一个完整的方法结构,并将光标放置在方法体内。

    function padLeft/*caret*/
    function padLeft(/*caret*/){ }
  • 或者,在输入左括号后按 Ctrl+Shift+Enter

完成代码构造

  • 开始输入代码结构体并按 Ctrl+Shift+Enter

    WebStorm 自动补全该结构,并添加 end。 文本光标位于下一个编辑位置。

    function padLeft(value : string, padding : string | number) { if /*caret*/ }
    function padLeft(value : string, padding : string | number) { if (/*caret*/) { } }

Hippie 补全

Hippie completion 是一个补全引擎,它分析您在可见范围内的文本并根据当前上下文生成建议。 它可以帮助您完成任何当前打开的文件中的任何单词。

将文本光标处的字符串扩展为现有单词

  1. 输入初始字符串,然后执行以下操作之一:

    • Alt+/ 或选择 代码 | 代码补全 | Cyclic Expand Word 搜索光标前的匹配词。

    • Alt+Shift+/ 或选择 代码 | 代码补全 | 循环展开单词(向后) 以在文本光标后和其他打开的文件中搜索匹配的单词。

    第一个建议值出现,而且原型在源代码中被高亮显示。

  2. 接受建议,或者按住 Alt 键并继续按 \ ,直到找到您需要的单词。

Hippie 补全

标签、属性和属性的补全

WebStorm 自动完成多种文件类型中的标签和属性名称及值:

标签和属性名称的补全基于文件关联的 DTD 或 Schema。 如果没有 schema 关联,WebStorm 将使用文件内容(标签名、属性名及其值)来完成您的输入。

WebStorm 还在 .fasterxml .svelte 文件中提供标记与特性的补全功能。

  1. 请输入开头 < 然后开始输入标签名。 WebStorm 显示在当前上下文中适用的标签名称列表。

    使用 UpDown 键滚动列表。

  2. Enter 来接受列表中的选择。 如果您的文件与架构或 DTD 相关联,WebStorm 将自动根据其插入必需的属性。

完成 HTML 标签和属性
最后修改日期: 2025年 12月 8日