Как быстро начать верстку?

Question

[evgeniy2024]

Всем привет, наверное я не единственный у которого была проблема с тем, что лень каждый раз в начале создания нового макета, в папке с проектом создавать файл index.html, style.css, script.js и все это приходилось прописывать вручную, подключение скриптов и стилей к макету. А как можно сделать, чтобы это процесс происходил автоматически.

Comments

[Антон Литвиненко]

А никто так и не делает, используется тот или иной бойлерплейт со своими наработками и зачастую с системой сборки

[posters]

К приведенным советам добавлю.
Быстро писать код помогают css препроцессоры и emmet. Некоторые пользуются и HTML препроцессорами.

Answer 1

[ArtJH]

1) Если новичок то делай вручную, чтоб лучше знать
2) Если уже понимаешь, что можешь сэкономить время, то напиши один раз стартовый шаблон, там подключи css, js. И потом когда будут проекты, можешь его брать и сразу быстро начинать верстку
3) Почитай также про сборщики webpack или gulp

Answer 2

[approximate solution]

в папке с проектом создавать файл index.html, style.css, script.js

Всё очень просто, вы один раз создаете шаблон(default_project), а далее ctrl + c, + v.

Если хотите больше экшона - углубитель в gulp\yarn\webpack. Постепенно добавляйте оптимизацию - препроцессоры css, шаблонизаторы html, клинеры кода, оптимизация изображений, live-reload и еще + 100 полезных функций которые делают верстку менее тошнотворной(если мы говорим про 100+ макетов)

Comments

[posters]

Всё очень просто, вы один раз создаете шаблон(default_project), а далее ctrl + c, + v.

В некоторых IDE и редакторах шаблоны уже идут из коробки.

[approximate solution]

posters, как правило они беззубые, тоже самое можно эмметом и автокомплитом накидать за 2 минуты.

[posters]

approximate solution, если есть поддержка шаблонов, значит можно будет и свои добавить.