使用WebStorm成对关闭标签

Question

使用WebStorm成对关闭标签

mrh*_*ang 13 javascript webstorm react-native

我使用代码实时模板,react-native标签自动关闭一个标签,例如<View/>,但通常使用<View></View>.

我可以将WebStorm设置为这种风格吗？

Answer 1

Nic*_*ela 6

解

这个问题的一个解决方案是snippet使用WebStorm 创建一个.

什么是`snippet`WebStorm？

该snippets是代码部分是我们通常在我们的代码重用的工作; 也就是说,包含要在任何时间重复的模式的代码部分. 例如,以下是一个片段:

<!doctype html>
<html>
<head lang="es">
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
</head>
<body>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

怎么实现呢？

创建

打开我们的WebStorm Ide

转到File> Settings或 CTRL+ ALT + S .
搜索Editor(1)> (1)(2).你也可以用Live Templates(3)
您将找到一个选择(4)来选择哪个键将扩展该片段.
- 默认情况下它是tab(这是最舒服的).
下面,(5)您将看到所有现有的组和生活模板(Webstorm已经有几个工厂).
在右侧部分(6)中,您将看到(2)(+),seeker( - )(4)或(5)实时模板的按钮.

注意:您可以添加组或实时模板.建议先添加一个组以更好地组织.