Как установить Gulp в проект?

Question

[Raul Abdullin]

Всем привет,
изучил этот урок https://www.youtube.com/watch?v=vW51JUVT66w&list=P...
В верстке я совсем зеленый. Галп посоветовали опытные люди, а именно мне нужна была функция livereload и синхронизация sass с css. Урок интересный, но в нем нет самого главного, как теперь к каждому отдельному проекту подключать галп, чтобы не пришлось снова писать десятки строк кода каждый раз. Очень буду благодарен за развернутый ответ, т.к. совсем зеленый в этом деле.

Answer 1

[sergey]

Для этого создается свой типовый gulp-проект (gulpfile.js со всеми необходимыми тасками, package.json, папку src с исходниками), сохраняем его на github, а потом уже клонируем его под свой новый проект и работаем в нем. Все.

в консоли:
git clone репозиторий
npm install
gulp

вот пример gulp проекта: Приятная сборка frontend проекта для начала идеально подойдет

Comments

[Raul Abdullin]

только его копировать надо? package.json не нужно? а структура папок в проекте должна быть получается точно такой же иначе не будет работать?

[sergey]

raulvodov: поправил ответ

[Raul Abdullin]

1) "а потом уже клонируем его под свой новый проект и работаем в нем." имеете в виду просто копируем архив?
2) git clone репозиторий не совсем понимаю, что это?

[sergey]

raulvodov: можно и просто копировать проект, но это по старинке, а git clone, это клонирование вашего репозитория с gulp-проектом с помощью git (https://githowto.com/ru (система контроля версий)), сейчас она вам может и не нужна, но со временем вы поймете что разработка без нее невозможна. И все что вы будете создавать вы будете хранить на github (https://github.com), а потом когда необходимо будете просто клонировать с github и работать.

[Raul Abdullin]

SM: а еще вопрос, как думаете, мне для начала много приложений галп наверное не нужно? по сути я его начал изучать исключительно для синхронизации sass и css и для livereload. пока этого наверное достаточно?

[sergey]

raulvodov: думаю да, все постепенно

Answer 2

[iBird Rose]

копируешь свой ранее написанный gulpfile.js и package.json и пишешь в консоли npm i

Comments

[Raul Abdullin]

только его копировать надо? package.json не нужно? а структура папок в проекте должна быть получается точно такой же иначе не будет работать?

[iBird Rose]

raulvodov: нужно. сначала ошибся. не написал npm

[iBird Rose]

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

[Raul Abdullin]

iBird Rose: теперь еще больше запутался, внизу по-другому написали :) кто прав? и как можно сделать gulpfile универсальным, чтобы для разных структур в проектах подходил?

[iBird Rose]

raulvodov: внизу также написано. просто SM предлагает чтобы не копировать проекты из папки в папку - создать проект и залить его на гитхаб. и его уже использовать как стартовую точку. "и как можно сделать gulpfile универсальным, чтобы для разных структур в проектах подходил?" - а это уже история в несколько сотен страниц. и ты до этого сам может когда нибдуь дойдешь. но это не точно.

[Raul Abdullin]

iBird Rose: а почему не точно? настолько всё сложно? я просто много лет дизайном занимался и недавно решил немного расширить свои знания, а именно учусь верстать, на самом деле интересно, мне нравится, но пока не всё понимаю :)

[iBird Rose]

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

[Raul Abdullin]

iBird Rose: а еще вопрос, как думаете, мне для начала много приложений галп наверное не нужно? по сути я его начал изучать исключительно для синхронизации sass и css и для livereload. пока этого наверное достаточно?

[iBird Rose]

raulvodov: ну осваивать его все равно нужно. так что такое начало в самый раз. потом будешь находить еще какие то плагины и подключать. так и соберешь какой-никакой галпфайл

[Raul Abdullin]

iBird Rose: а на русском языке какие мануалы посоветовали бы? английский понимаю, но не в совершенстве, поэтому пока мануалы предпочитаю на родном языке

[iBird Rose]

raulvodov: какие тебе мануалы нужно по gulp? берешь плагин - устанавливаешь - юзаешь

[Raul Abdullin]

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

[iBird Rose]

raulvodov: https://www.google.ru/webhp?sourceid=chrome-instan...

[Raul Abdullin]

iBird Rose: :) спасибо