Давайте будем разбираться, как можно установить систему Gulp для вашего веб-проекта, который вы в данный момент разрабатываете.
В этом нам поможет официальный сайт:
И на первом экране вы можете видеть, собственно, всю инструкцию по установке. По сути, это 3 строки, которые нужно будет ввести в командную строку.
В первую очередь нужно понимать, что система Gulp требует того, чтобы на вашем компьютере был установлен менеджер пакетов npm.
Открываем командную строку и выполняем следующую команду:
npm install gulp-cli -g
Это команда глобально установит в нашу операционную систему gulp для командной строки и после этого в командной строке должна стать доступной команда gulp.
Проверить, что у вас все работает, можно набрав:
gulp -v
и должна отобразиться текущая версия установленной gulp-cli.
Большинство команд, которые будут выполняться в системе Gulp, они выполняются через командную строку. Т.е. независимо от того, в каком проекте вы будете работать, важно установить эту систему глобально.
Но, после глобальной установки системы Gulp, нужно понимать, что для каждого проекта будут свои настройки и задания для Gulp.
Если мы создаем какую-то папку для нового проекта, мы должны установить для этого проекта систему Gulp.
Переходим в папку нашего проекта с помощью команды cd путь_до_папки_проекта.
И нам нужно установить в эту папку уже локальную версию системы Gulp т.е. само ядро, к которой будут присоединятся модули и будет формироваться какой-то проект.
Выполняем команду:
npm install gulp -D
После этого у нас появляется папка node_modules, в которой располагаются все пакеты, которые нужны для работы Gulp.
И теперь для того, чтобы завершить процесс установки нам нужно или вручную создать файл gulpfile.js в корневой директории проекта или выполнить команду:
npx -p touch nodetouch gulpfile.js
Это основной настроечный файл, в котором пишутся команды, которые будет выполнять Gulp. Именно с ним мы будем работать в следующих уроках.
По сути это весь процесс установки. Для каждого нового проекта будет создаваться такая структура папок.
Давайте пока завершим с процессом установки и будем далее знакомиться с этой системой.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти