Пробуем запустить проект - SevenLines/university-map GitHub Wiki

Качаем проект

В месте где вы обычно храните свои проекты. Создаем папку university-map кликаем в папке правой кнопкой и выбираем git bash here

Imgur

это откроет мини-линукс-консоль и позволит запускать git команды. Наша задача скопировать в папку git-проект. Копирование проекта через git копирует не только код но и в том числе историю изменений, и подключает проект к github. В общем пишем

git clone https://github.com/SevenLines/university-map .

ну тут все просто

  • git -- это просто exe файл
  • clone -- параметр который заставит git скачать проект
  • https://github.com/SevenLines/university-map -- путь к проекту
  • точка в конце, означает что я хочу скопировать проект имеено в папку в которой я нахожусь. Если ее не указать создаться новая папка university-map в которую скопируется проект.

получаем

Imgur

а папка заполнилась файлами

Imgur

  • .git -- это мета данные, в этой папке хитрым способом хранится история проекта, а также инофрмация о том где лежит проект и т.д. и т.п.
  • client -- здесь лежит так называемая фронтенд часть приложения. Написанная на typescript. То есть то что будет видно в браузере.
  • Data -- тут всякие svg файлы с планами универа лежат
  • server -- здесь лежит бэкенд часть приложения. То есть то что лежит на сервере общается с базой данных и отдается фронтенд части
  • .gitignore -- файл где прописаны что не стоит включать в git репозиторий
  • environment.yml -- чет уже не нужен наверное
  • README.md -- описание проекта
  • settings_sample.yaml -- шаблон для настройка проекта. С шаблона как правило делают копию файлика и прописываются всякие пароли и т.п., поэтому сам settings.yaml не хранится в репозитории.

Устанавливаем зависимости

Возвращаемся к git bush консоли и переходим в папку client

cd client

Imgur

и устанавливаем зависимости для nodejs путем запуска команды:

npm install --verbose

Imgur

ждем пока все установится. --verbose можно не писать, но зато с ним видно что происходит.

npm run serve

и видим

Imgur

http://localhost:8080/ -- это адрес страницы по которой можно открыть приложение.

  • localhost -- что проект находится на нашем компе
  • 8081 -- это порт на котором работам наше приложение

Открываем и видим:

Imgur

ура мы смогли запустить фронтенд!)