Есть какое-нибудь соглашение/рекомендации по переносу атрибутов HTML-тэгов?

Question

[Arman]

https://vuejs.org/v2/cookbook/form-validation.html
тут заметил такой вариант:

<select
  id="movie"
  v-model="movie"
  name="movie"
>
  <option>Star Wars</option>
  <option>Vanilla Sky</option>
  <option>Atomic Blonde</option>
</select>

Сам юзаю такой вариант:

<select id="movie"
        v-model="movie"
        name="movie">
    <option>Star Wars</option>
    <option>Vanilla Sky</option>
    <option>Atomic Blonde</option>
</select>

Конечно, когда 2-3 атрибута, то редко такие переносы делаю, в основном когда большое кол-во

PHPstorm просто переносит атрибуты как с предложениями (длинным текстом)

Гугл что-то в другую степь отправляет. Никто с таким не заморачивался? не встречал более-менее общий подход?

Comments

[Ankhena]

У крупных компаний есть разработанные кодгайды, в которых такие вещи прописаны. И они элементарно гуглятся.
Как писать конкретно вам, сами и решайте.

Answer 1

[strelok011]

В разработке можно использовать линтеры с соглашениями по стилям от airbnb к примеру.

Они помогают оформлять код единообразно и читабельно.
В таких линтерах или претифаерах атрибуты могут быть выстроены в линию до определенного кол-ва символов (сейчас не помню), чтобы влезало на экран редактора без горизонтальной прокрутки. Если переполняет, то оформляется как первый указанный вариант.

Единственное назначение - чтобы легко было разбирать чужой код. После компиляции вся эта красота обычно превращается в минифицированный, а порой и обфусцированный код.

Answer 2

[Максим Морев]

Рекомендация тут одна - пишите так, как вам (или вашей команде) привычнее и доступнее.
Слишком уж это вкусовщина, чтобы попасть в какие-то популярные стайлгайды.

P.S. Сам пишу в том варианте, который у вас первый (из документации Vue), и в коде большинства решений используется именно он. Вероятно, он и является более приемлемым для сообщества.

Answer 3

[Froggyweb]

нет. только договоренности внутри компании.
второй вариант визуально красиво, но если например добавить класс к селекту нужно запускать какой-то плагин для выравнивания....

первый вариант проще, стандартней и не требует извращенных плагинов. читается не хуже. но это моя вкусовщина, я вообще в одну строчку делаю :)

да и вообще html обычно при сборке в прод будет в одну строку.