解决方案

Question

我使用代码实时模板，反应原生标记自动关闭一个标记，例如<View/>，但通常使用<View></View>。

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

Answer 1

解决方案

解决此问题的一种方法是使用WebStorm创建snippet。

WebStorm中的`snippet`是什么？

snippets是代码部分，我们通常在代码工作中重复使用；也就是说，包含可随时重复的模式的代码部分。 例如，以下是代码段：

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

</body>
</html>

如何实施？

创作

打开我们的WebStorm ID

转到File> Settings或 CTRL + ALT + S 。
搜索Editor（1）> Live Templates（2）。您也可以使用seeker（3）
您会找到一个选择（4），可以选择哪个键来扩展代码段。
- 默认情况下它是制表符（最舒适）。
在下面的（5）中，您将看到所有现有的组和生活模板（ Webstorm已经有几个工厂）。
在右侧的部分（6）中，您将实时看到add（+），delete（-），duplicate或restore的按钮模板。

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

实施

创建完群组（在我的案例中为EDgrid）后，我们将通过按+符号（在上一步中指示）来创建第一个Live模板。

我们要做的第一件事是创建一个新的Template Group，在我们的例子中，我们将考虑在React组中选择的React：

我们按Ok。

下一步将是创建新的Live Template：

在字段Abbreviation中，我们输入名称以获得要创建自定义代码段的名称：
在Description字段中，插入个性化描述或将其保留为空。
在Template Text字段中，我们将介绍
```
<View>$END$</View>
```

接下来，我们将定义要在Define中应用的内容：

我们选择Javascript 。

注意

请记住，这可以改变您的代码片段在格式化样式方面的作用。

测试

Answer 2

我在IntelliJ上也遇到了同样的问题。

我已更新到新版本（2018）并解决它。

使用WebStorm成对关闭标签

2 个答案:

解决方案

WebStorm中的`snippet`是什么？

如何实施？

创作

实施

测试

使用WebStorm成对关闭标签

2 个答案:

解决方案

WebStorm中的snippet是什么？

如何实施？

创作

实施

测试

WebStorm中的`snippet`是什么？