WebStorm自动完成html代码

我正在WebStorm中搜索自动完成html代码的快捷方式。因此，在我的例子中，如果我像

.row

那样编写代码并按下某个键，它应该会自动编写

这种称为Emmet的“转换”（缩写扩展）。。默认情况下，它使用Tab键

但也可以是进入或进入空间。。甚至可以选择自定义键——您可以在

设置/首选项|编辑器| Emmet

---

p.S.

---

对于大块代码，请查看。

您可以使用

选项卡

键自动完成代码。例如：

写入

.row#row

并按

选项卡

键将使

生效

---

我想这会有帮助。

如果你写

div.row

并点击Tab键，它就可以了。否则，它怎么知道你想让这个类在哪个元素上呢？天哪，是的，tab就完成了。其他的我都打了，只是没打。即使你写，它也会写你。写下你的答案，我会接受的！感谢you@jonrsharpe“否则，它怎么知道您希望该类在哪个元素上？”这是Emmet的标准行为——它将是一个

div

标记，并应用该类。@Valor\code>Tab是默认值。。但它也可以是

Enter

或

Space

。。甚至你选择的自定义键--

Settings/Preferences | Editor | Emmet

@LazyOne噢，酷，我不知道。我认为它只适用于特定的元素名称。顺便说一句，你知道我们如何导出这些代码片段来备份或与其他人共享它们吗？@Tung“代码片段”到底是什么？如果您指的是标准Emmet缩写。。那么它们已经是标准的了（），所以如果编辑器/IDE支持Emmet，它应该已经有了它们。如果是标准的Live模板，那么它们是IDE的标准（捆绑），因此不需要共享任何内容。对于您可以自己创建的自定义实时模板----它们存储在

Templates

子文件夹中。感谢您提供缩写备忘单链接。它回答了我的问题。如果它们是默认实现的，我们不需要为它们保存配置。