...
Чтобы остановить сервер и вернуться к вводу команд в консоли, используйте клавиши Ctrl+C.
Использование настроенного окружения во время практических занятий и контрольных
Ниже приведены инструкции к операциям, которые понадобится выполнять для выполнения практических занятий и контрольных.
Структура папок
В течение курса для каждого занятия или контрольной внутри папки ui-development (корневой папки локального репозитория) преподавателем будут создаваться отдельные папки - lec1, lec2, и т.п. - для занятий и test1, test2 и т.п. - для контрольных. Как правило, в начале занятия вы будете выполнять npm install в появившейся после обновления из Github новой папке занятия или контрольной, и эта команда будет создавать там папку node-modules. Также внутри папок занятий или контрольных могут быть и другие папки, связанные с заданиями.
В корневой папке репозитория есть файл .gitignore, который исключает такие папки, как node-modules (пакеты зависимостей, устанавливаемые с помощью npm) и .idea (служебная папка IntelliJ IDEA) из синхронизации с внешними репозиториями Git.
Начало работы на занятии или контрольной: обновление файлов из Github и установка пакетов зависимостей npm
В начале каждого практического занятия или в начале контрольной вам нужно обновить файлы, подготовленные преподавателем, из Github. Начните с того, что откройте корневую папку репозитория ui-development в консоли (в Windows вы можете кликнуть правой кнопкой мыши на папке ui-development в проводнике и выбрать "Git Bash here"). Находясь в корневой папке локального репозитория, выполните в консоли:
| Блок кода |
|---|
git pull upstream master |
- это применит все изменения в репозитории https://github.com/antonmochalin/ui-development к вашим локальным файлам. Затем вам понадобится установить пакеты зависимостей npm для текущего занятия - например, на второй лекции вам нужно перейти в папку lec2 и там выполнить npm install так же, как было описано на примере для вводной лекции:
| Блок кода |
|---|
cd lec2/
npm install |
- как и для вводной лекции, npm отобразит в консоли установленное дерево зависимостей и внутри папки папки занятия (в данном случае lec2) должна появиться папка node-modules.
После этого можно приступать к работе над заданием.
Запуск и остановка сервера на Node.js + Express
В процессе работы над заданиями вам нужно будет запускать и останавливать ваш веб-сервер. В этом курсе стартовый файл сервера всегда будет находиться в папке index.js, и сервер всегда будет отвечать на HTTP-запросы на порту 8080, поэтому для старта сервера выполняйте ту же команду, что для примера с первым занятием:
| Блок кода |
|---|
node index.js |
Сервер будет доступен из браузера по адресу http://localhost:8080.
Для остановки сервера используйте Ctrl+C в консоли с запущенным сервером. Для перезагрузки сервера, если вы вносили изменения в код серверной части приложения, остановите сервер и затем запустите снова.
Отправка выполненного задания в свой репозиторий на Github
Этот раздел понадобится вам в первую очередь при выполнении контрольных. Завершив работу над изменениями, которые требуются для выполнения задания, вы должны сначала зарегистрировать их в локальном репозитории Git. Для этого из корневой папки репозитория (ui-development) выполните в консоли:
| Блок кода |
|---|
git commit -a -m "сообщение к коммиту" |
где "сообщение к коммиту" - текст с описанием назначения вашего коммита (для контрольных пишите "Контрольная 1" и т.д.). Например для первой контрольной:
| Блок кода |
|---|
git commit -a -m "Контрольная 1" |
Затем отправьте изменения в свой репозиторий Github:
| Блок кода |
|---|
git push |
Если вы войдете в свой репозиторий на Github, вы должны увидеть там новый коммит с указанным вами описанием ("Контрольная 1")