- установить node.js и какой-нибудь редактор кода (я рекомендую vscode)
- сделать fork репозитория (сверху справа есть кнопочка "fork") - у вас появится такой же репозиторий, только свой
- "склонировать" ваш репозиторий себе на компьютер
$ git clone https://github.com/<ваш_username>/homework2.git
- перейти в папку проекта, открыть в ней терминал и установить зависисмоти
в windows / vscode если вы отметили галочку "добавить в проводник" при установке, при клике правой кнопкой мыши по папке. появляется пункт меню "открыть с помощью code"
терминал в vscode вызывается с помощью комбинации
ctrl + j
илиcmd + j
(mac os)
$ cd homework2 # необязательно, если вы уже в папке проекта
$ npm install
В папке проекта у вас появится папка node_modules
с зависимостями проекта и файл package-lock.json
с их описанием. Не обращайте на них внимания, это нормально.
- Запустите проект
$ npm start
В идеале, все должно сработать без ошибок и у вас появится запущенный проект на http://localhost:9999
.
Если этого не произошло, попробуйте глобально поставить
webpack
,webpack-dev-server
,@babel-core
и@babel/preset-env
.Вообще, читайте, какие там вылетают ошибки и гугл в помощь!
(неплохое умение для разработчика - разбираться с вопросом "почему оно не работает")
- попробуйте собрать проект
$ npm run build
Если все сработает, у вас появится папка /dist
. Если не сработает - см. предыдущий шаг
- в файлах
src/index.js
иwebpack.config.js
есть комментарии - url другого сервера, откуда вы можете получить xml с данными погоды для Уфы. Создайте веткуweather
, в которой попробуйте изменить код таким образом, чтобы загружалась эта информация и показывался график погоды.
$ git checkout -b weather # создание новой ветки в git
- не забудьте сделать коммит и залить изменения в ваш репозиторий на github - сделайте это до воскресенья, чтобы мы успели проверить вашу домашнюю работу.
$ git add .
$ git commit -m 'НАПИШИТЕ СООБЩЕНИЕ ДЛЯ ОПИСАНИЕ КОММИТА'
$ git push # тут не все так просто, прочтите и сделайте, как напишет git
- Ссылку на репозиторий отправьте @n_imaeva в телеграм