Быстрый старт#

Если вы ранее устанавливали gulp глобально, запустите npm rm --global gulp перед тем, как следовать этим инструкциям. Для получения дополнительной информации прочтите это Sip.

Проверьте node, npm и npx#

node --version

Output: v8.11.1

npm --version

Output: 5.6.0

npx --version

Output: 9.7.1

Если они не установлены, следуйте инструкциям здесь.

Установите утилиту командной строки gulp#

npm install --global gulp-cli

Создайте каталог проекта и перейдите в него#

npx mkdirp my-project
cd my-project

Создайте файл package.json в каталоге вашего проекта#

npm init

Это поможет вам дать вашему проекту имя, версию, описание и т. д.

Установите пакет gulp в свои devDependencies#

npm install --save-dev gulp

Проверьте свои версии gulp#

gulp --version

Убедитесь, что результат соответствует снимку экрана ниже, в противном случае вам может потребоваться перезапустить шаги, описанные в этом руководстве.

Output: CLI version 2.0.1 & Local version 4.0.0

Создайте a gulpfile#

Используя текстовый редактор, создайте файл с именем gulpfile.js в корне вашего проекта со следующим содержимым:

function defaultTask(cb) {
// поместите здесь код для вашей задачи по умолчанию
cb();
}
exports.default = defaultTask

Протестируйте это#

Запустите команду gulp в каталоге вашего проекта:

gulp

Чтобы запустить несколько задач, вы можете использовать gulp <task> <othertask>.

Результат#

Задача по умолчанию будет запущена и ничего не сделает. Output: Starting default & Finished default