WebStorm создает пустое значение атрибута при вставке шаблона

На чтение 2 мин Опубликовано 02.10.2024

Вопрос или проблема

Как остановить WebStorm/PHPStorm от добавления ненужного пустого значения атрибута в вставляемом шаблоне?

Например, когда я ввожу v3c, вместо этого:

<script setup lang="ts">

Он делает это:

<script setup="" lang="ts">

Обратите внимание на ненужное присваивание и кавычки (="") – мне нужно отключить их, чтобы избежать необходимости удалять их вручную каждый раз.

Перейдите в Editor -> Live Templates -> Vue -> v3c и снимите отметку с “Переформатировать в соответствии со стилем”.

Ответ или решение

Чтобы остановить WebStorm или PHPStorm от вставки пустых значений атрибутов в шаблонах, выполните следующие шаги:

Откройте настройки IDE: Перейдите в меню File -> Settings (или Ctrl + Alt + S на Windows/Linux, Cmd + , на macOS).
Найдите секцию "Live Templates": В левой части окна настроек выберите пункт Editor, затем Live Templates.
Выберите шаблон: В списке доступных шаблонов найдите раздел Vue и выберите шаблон v3c.
Измените параметры шаблона: Найдите опцию "Reformat according to style" и снимите с нее галочку. Это разрешит вам вставлять шаблон без добавления лишних пустых значений атрибутов.
Сохраните изменения: Нажмите на кнопку OK или Apply, чтобы сохранить изменения.

После выполнения этих шагов, при вставке шаблона v3c вы получите следующее:

<script setup lang="ts">
</script>

без ненужного признака ="". Таким образом, каждый раз, когда вы будете вводить v3c, IDE не будет добавлять пустые атрибуты, что упростит вашу работу и избавит от рутины ручной очистки кода.

Если у вас возникнут дальнейшие вопросы или потребуется дополнительная помощь, не стесняйтесь обращаться!