Работа с Gulp (00) — подготовка среды на Windows

Начиная говорить о Gulp нужно сказать пару слов о среде разработки и подготовить её. В данном случае разберем работу на компьютере под управлением операционной системы Windows.

Настройка политики выполнения PowerShell для компьютеров на Windows

PowerShell — это кроссплатформенное решение для автоматизации задач, которое включает оболочку командной строки, скриптовый язык и платформу управления конфигурацией. PowerShell поддерживается в Windows, Linux и macOS.

Более подробно можно почитать в документации по PowerShell и если сильно не заморачиваться, то можно установить с помощью пакета MSI.

Кстати этим способом можно и обновлять вашу версию PowerShell, если она уже была ранее установлена.

Можно обойтись и без этого, но это удобнее чем обычная командная строка 🙂

После установки мы должны настроить политику выполнения PowerShell.
Для этого запустим PowerShell и чтобы просмотреть настройки политики для PowerShell наберём:

Get-ExecutionPolicy

Если политика отличается от RemoteSigned, то вводим команду:

Set-ExecutionPolicy RemoteSigned –Force

Перепроверим. Теперь политика должна быть RemoteSigned

Подробнее о политике выполнения PowerShell смотрите здесь.

Установка и настройка Visual Studio Code (VSC)

Visual Studio Code — это мощный редактор исходного кода, который работает на компьютере и доступен для Windows, macOS и Linux. Имеет встроенную поддержку JavaScript, TypeScript и Node.js, а также обширную экосистему расширений для других языков и сред выполнения (например, C++, C#, Java, Python, PHP, Go, .NET).

Скачиваем Visual Studio Code с официального сайта.

Если вам удобнее работать на русском языке, то после установки и запуска найдем и установим расширение: Russian Language Pack for Visual Studio Code
В его описании вы найдете подробную инструкцию по настройке.

Существует множество и других полезных расширений, о которых читайте здесь.

Установка Node.js

Перед установкой Node.js проверим наличие отсутствия, а вдруг мы её уже установили 🙂
Откроем Visual Studio Code, вызовем панель нажав комбинацию клавиш: Ctrl + J или сразу — терминал: Ctrl + `

И наберем в терминале:

node -v

Убедившись что Node.js нет, скачаем LTS версию с официального сайта  и установим её.
Для обновления поступаем аналогично.

Снова проверим версию Node.js:

node -v

Установка Gulp

Если раньше Gulp был установлен, то проверим версию:

gulp -v

Если нет, то установим Gulp глобально. Набираем в терминале команду:

npm i gulp-cli -g

Обновление Gulp

Если хотим обновить Gulp, то сначала удаляем:

npm rm --global gulp

А потом устанавливаем глобально:

npm i gulp-cli -g

Подробнее смотрите в официальной документации.

На этом подготовка среды завершена и можно заняться созданием сборки на Gulp с полезными пакетами.
Продолжение следует 🙂