Gulp. Встановлення та налаштування.

Відео: Frontend

Відео: Установка Node.js + Gulp + _optimized_gulp_sass в Linux

Всім привіт! У цій статті ми створимо наш проект, инициализируем файл маніфесту і встановимо Gulp локально.

Для початку слід сказати, що шлях до папки (в тому числі і ім`я користувача комп`ютера) повинен бути на англійській мові, інакше у вас можуть виникнути помилки при використанні Gulp. Я створив папку Projects, в якій буду створювати всі свої проекти. Для прикладу я назву наш проект firstProject.

Отже, в минулій статті ми встановили Gulp глобально, тепер же нам потрібно встановити його локально. В першу чергу ми проведемо ініціалізацію. Напишіть в терміналі наступну команду:

cd шлях_до_вашого_проекту(cd "User / projects / firstProject") 
npm init

Завдяки цій команді ми створимо базовий файл маніфества для нашого проекту. В принципі, там все зрозуміло, тому пояснювати не буду. Якщо ви не хочете морочитися з усіма цими настройками, то просто тисніть весь час enter, тому цей файлик нам знадобиться для іншого, початкові настройки не так важливі.

Якщо ви все зробили правильно, то у вашій папці з проектом повинен з`явитися файл package.json. Якщо ви відкриєте його, то побачите, що там зберігається вся та інформація, яку ви ввели (або не ввели) при ініціалізації. Крім цього, файлик зберігає інформацію про використовувані пакетах і це саме те, що нам потрібно. Якщо ви постійно використовуєте, наприклад, бібліотеку JQuery, то ви можете записати її в цей файл, і вона буде автоматично скачиваться при запуску нового проекту.

тепер встановимо Gulp локально в нашу папку.

Відео: Установка NPM і Gulp. компіляція SASS

npm i gulp --save-dev

прапор --save-dev потрібен для того, щоб пакет Gulp і його версія автоматично записалися в файл package.json. Якщо ви відкриєте цей файл після успішної установки пакета, то побачите, що там з`явилося наступне:

Відео: Gulp 2: Установка і запуск завдань

"DevDependencies":{ 
"Gulp":"^ 3.9.1" 
}

Думаю, зрозуміло, що тут написано ім`я пакета і його версія. Стрілочка вгору позначає, що цей пакет можна оновлювати. Також у нас з`явилася папка node_modules, де тепер зберігається Gulp і все його залежності. Саме сюди будуть встановлюватися нові модулі.

Отже, на цьому сьогодні все. Ми роздивились, як встановити Gulp локально в папку проекту і навіщо потрібен маніфест package.json.

Дякую за увагу!

Поділися в соціальних мережах:

Схожі