Правильно ли я организовал процесс верстки?

Question

[alex-85]

Здравствуйте
Подскажите пожалуйста, правильно ли я организовал процесс верстки?

1. Создаю новый репозиторий на гитхабе и клонирую его в папку проекта
2. В папке проекта создаю папки src и build
3. Устанавливаю Gulp и нужные модули
4. В папке src создаю следующею структуру:
src
-- blocks
-- libraries
-- pages
-- sass
5. Верстаю блоками (БЭМ придерживаюсь не на 100%)
6. использую pug, scss, БЭМ, Gulp

Ссылка на проект: https://github.com/alexen2/landing_blackview
(Gulp запускается только со второго раза, после подключения 'del', пока не разобрался в чем косяк)

Подскажите пожалуйста что изменить, что подправить, что убрать?
Заранее спасибо.

Comments

[Алекс Глебов]

В папке проекта создаю папки src и build
заготовьте базовый шаблон
еще есть куча стилей которые перекачевывают из проекта в проект
структура sass и pug файлов тоже

[Сергей Горячев]

Согласен с Алекс Глебов
К тоже, готовый шаблон проекта избавит от проблем типа:
- забыл reset.scss
- не подключился jquery

[alex-85]

Алекс Глебов: Большое спасибо. Обязательно буду делать заготовки.

[jeruthadam]

Какой смысл клонировать пустой репозиторий с Гитхаба?)))

[Константин Китманов]

jeruthadam: а просто чтоб потом не писать git origin add ...:)

[jeruthadam]

Константин Китманов: вообще-то, git remote add, и так ведь проще и правильней.

[Константин Китманов]

jeruthadam: ваша правда, а мне пора отдыхать.

[Yuri Karacev]

alex-85: а что у тебя в libraries ?
если 3rd party библиотеки - jquery, vue например, то может имеет смысл добавить еще менеджер js пакетов -
bower - фронт простой вариант,
npm, yarn - тоже пойдут,
только это я использую в среде laravel (там отлично настроено, только с pug +webpack не могу разобраться)

БЭМ не использую, и толком не знаю

[alex-85]

Yuri Karacev: подключаемые js + css + шрифты

[Сергей Некрасов]

Напишите свой стартер кит, залейте в гит, который разворачивался бы при npm start и работайте. Можете посмотреть пример, который я сделал для себя.

[alex-85]

Сергей Некрасов: Спасибо за совет
А не могли бы вы описать работу вашего старт кита?
Заранее спасибо.

[Сергей Некрасов]

alex-85: Ничего сложного, gulp - таски для сборки проекта(html,css,sprites), webpack для сборки es6. Вы можете запустить команды из readme и сами всё пощупать.

Answer 1

[xanuho]

Все подобные "проблемы верстки фронта" пройдены сто лет назад. Лучшее решение (из виденных мной) для "разруливания" любых проектов по вёрстке это – TARS.

Comments

[alex-85]

Спасибо, смотрел доклад Артёма Малко про TARS – интересно.

Answer 2

[Константин Китманов]

Советую посмотреть на yeoman, чтобы не делать ручной работы.

Comments

[alex-85]

Спасибо большое, обязательно ознакомлюсь.