​Style guide должен быть у всех, хотя бы чужой.

Весь день подстраиваю и привыкаю к webstorm’у (лучше бы чем полезным занялся). Но вот незадача, все покоя не давал Prettier, вроде форматирует код, но как-то коряво, то теги перекинет на новую строку, то текст как-то странно разобьет на блоки. Крч делал не так, как я привык.

Спустя 2 часа настроек я узнал про eslint. Даже обрадовался сначала, но потом понял что это для js == фреймворков. Хотя на npm есть eslint-plugin-htm, но его стал тестить. А штука то классная. Подсказывает и форматирует код на основе выбранного style guid’а (например Airbnb). Выделяет, что так делать нельзя (i++), а нужно так (i += 1) или советует ограничивать длину строки 80 символами. Не использовать функции и переменные до их объявления и избегать (лишних) пустых строк. Ну и до кучи заменяет '' на ' (если они есть). Очень много всего, копать не перекопать.

Изрешетив main.js я переключился на index.html. Теперь мне помогал prettier и встроенный анализотор кода. На скрине, количество ошибок до (122) и после (1) редактирования. Где пути неверно прописал, label пропустил для input или добавил 2 одинаковых id. В Vscod'е все было ок, 2 : 1 в пользу шторма.