高级补全
语句补全
您可以通过语句补全创建语法正确的代码结构。 它会插入必要的语法元素(圆括号、大括号和分号),并将光标定位到可以开始输入下一条语句的位置。
要调用语句补全,请开始输入代码结构并按 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 补全 是一种补全引擎,可分析可见范围内的文本,并根据当前上下文生成建议。 它可帮助您补全部署在当前打开文件中的任何单词。
将光标处的字符串扩展为已有单词
键入初始字符串,然后执行下列操作之一:
按 Alt+/ 或选择 搜索光标前匹配的单词。
按 Alt+Shift+/ 或选择 搜索光标后及其他打开文件中的匹配单词。
第一个建议值会出现,原型在源代码中被高亮显示。
接受建议,或按住 Alt 键并持续按 \ ,直到找到您需要的单词。

标签、属性和属性值的补全
WebStorm 会自动补全多个文件类型中的标签和属性的名称与值:
HTML/XHTML,包括 CSS 类补全和 JSX 中的 HTML 标签补全。
XML/XSL ,包括命名空间的补全。
JSON。 有关更多信息,请参阅 编辑 package.json。
标签和属性名称的补全基于文件关联的 DTD 或架构。 如果没有架构关联,WebStorm 将使用文件内容(标签和属性名称及其值)来补全您的输入。
WebStorm 还在 .vue 和 .svelte 文件中提供标签和属性补全功能。
键入开头的
<,然后开始键入标签名称。 WebStorm 将显示当前上下文中适用的标签名称列表。使用 Up 和 Down 键浏览列表。
按 Enter 接受列表中的选项。 如果文件关联了架构或 DTD,WebStorm 会根据其自动插入必需的属性。
