我使用代码实时模板,react-native 标签自动关闭一个标签,例如 <View/>
, 但通常使用 <View></View>
.
我可以将 WebStorm 设置为这种样式吗?
最佳答案
解决方案
这个问题的一个解决方案是创建一个 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>
如何实现?
创作
打开我们的 WebStorm IDE
转到
File> Settings
或 CTRL+ ALT + S 。搜索
Editor
(1)
→Live Templates
(2)
.您也可以使用seeker
(3)您会找到一个选择
(4)
选择哪个键将展开代码段。- 默认是tab(最舒服)。
下面,
(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
.
注意事项
请记住,这会改变您的代码段在格式样式方面的表现。
测试
关于javascript - 使用 WebStorm 使标签成对闭合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43327068/