Настраиваем сборку проекта через GulpJS | brew, nvm, nodejs + npm.

107 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
В видео мы вместе установим и настроим сборку проекта с самого начала, используя brew, nvm, nodejs + npm и gulp.
Мой сайт: https://webelart.com.

Исходники проекта: https://github.com/liveldi/lab.webelart/tree/main

00:00 введение.
00:56 зачем нужна сборка.
07:18 почему gulp.
14:23 практика: устанавливаем nvm, nodejs + npm.
16:51 практика: устанавливаем и настраиваем gulp.
38:10 заключение.

ССЫЛКИ

— Удобный терминал для macOs iTerm2: [https://iterm2.com](https://iterm2.com/)
— Пакетный менеджер brew (для macOs или Linux): [https://brew.sh](https://brew.sh/)
— Как ещё можно установить nvm + настройка: [https://github.com/nvm-sh/nvm#installing-and-updating](https://github.com/nvm-sh/nvm#installing-and-updating)
— Фреймворк для консоли oh-my-zsh: [https://ohmyz.sh](https://ohmyz.sh/)
— Сайт nodejs [https://nodejs.org/en/](https://nodejs.org/en/)
— Используемый редактор: [https://code.visualstudio.com](https://code.visualstudio.com/)
— GulpJs [https://gulpjs.com](https://gulpjs.com/)

ЧАСТЬ ИСПОЛЬЗУЕМЫХ КОМАНД В ВИДЕО:

Установка NVM:
------------------------------
— brew install nvm
— После по инструкции из консоли, возможно дополнительно потребуется создать папку: mkdir ~/.nvm, чтобы инструкции сработали.
— И также дополнительные установки в .zshrc или .bashrc

Команды для работы с nvm
------------------------------------------------
— nvm list (смотрим какие версии есть)
— nvm install 14.16.1 (устанавливаем конкретную версию)
— nvm use 14.16.1 (выбираем версию)
— nvm alias default 14.16.1 (устанавливаем версию по умолчанию)

Проверка версий и что nodejs установилась
---------------------------------------------------------------------------
— node -v
— npm -v

Простые команды в консоли
---------------------------------------------------------------------------
— ls (смотрим что находится в папке, где находимся)
— ls -a (добавляет показ скрытых файлов и папок)
— cd (движение по папкам)
— mkdir folder_name (создание папки с именем folder_name)
— touch gulpfile.js (созданиём файл gulpfile.js)

Настройка проекта
---------------------------------------------------------------------------
— mkdir my_project (создаем папку)
— cd my_project (заходим в папку)
— npm init (инициализируем npm)
Категория
iMac
Комментарии выключены


Следующее