WebStorm自动完成HTML代码

Question

我正在WebStorm中搜索快捷方式来自动填写我的html代码。所以在我的情况下，如果我编写像.row这样的代码并按下某些东西，它应该自动写<div class="row"></div>。

Answer 1

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

但它也可以是 Enter 或 Space ..甚至是您选择的自定义键 - 您可以在Settings/Preferences | Editor | Emmet更改它

<强> P.S。 对于大块代码 - 请查看Live Templates (Code Snippets)。

Answer 2

您可以使用 Tab 键自动完成代码。例如：

写入 .row#row 并按 Tab 键将生成 <div class="row" id="row"></div>。

我认为这会有所帮助。