Сделайте теги закрытыми в парах с помощью WebStorm

Я использую шаблон live в реальном времени, тег auto-auto-тега с одним тегом, например, <View/>, но обычно использует <View></View>.

Могу ли я установить WebStorm в этот стиль?

Ответ 1

Решение

Одним из решений этой проблемы является создание 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>

Как это реализовать?

Создание

Откройте нашу IDE WebStorm
Перейдите к File> Settings или CTRL+ ALT + S .
Поиск Editor (1) & rarr; 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.

Примечание

Помните, что это может изменить поведение вашего фрагмента с точки зрения стиля форматирования.

Тест

Ответ 2

У меня была такая же проблема с IntelliJ.

Я установил обновление до новой версии (2018) и разрешил его.