WebStorm 2025.2 Help

高级补全

语句补全

您可以通过语句补全创建语法正确的代码结构。 它会插入必要的语法元素(圆括号、大括号和分号),并将光标定位到可以开始输入下一条语句的位置。

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

完成方法或函数声明

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

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

完成代码结构

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

    WebStorm 会自动完成结构并添加所需的标点符号。 光标会定位到下一个编辑位置。

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

Hippie 补全

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

将光标处的字符串扩展为已有单词

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

    • Alt+/ 或选择 代码 | 代码补全 | 循环展开单词 搜索光标前匹配的单词。

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

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

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

Hippie 补全

标签、属性和属性值的补全

WebStorm 会自动补全多个文件类型中的标签和属性的名称与值:

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

WebStorm 还在 .vue .svelte 文件中提供标签和属性补全功能。

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

    使用 UpDown 键浏览列表。

  2. Enter 接受列表中的选项。 如果文件关联了架构或 DTD,WebStorm 会根据其自动插入必需的属性。

补全 HTML 标签和属性
最后修改日期: 2025年 9月 26日