Мы будем использовать Node.js и интегрированный пакетный менеджер npm, чтобы собирать ваш проект и запускать его локально
Для установки на Linux воспользуйтесь терминалом и скачайте Node.js, который может называться как node, так и nodejs в зависимости от пакетного менеджера, используемого в вашем дистрибутиве.
Для более детальных инструкций прочитайте официальную документацию
Скачайте установщик здесь или воспользуйтесь Homebrew.
Команда для Homebrew:
brew install node
Скачайте последний LTS релиз здесь
Либо скачайте Node.js через пакетный менеджер Chocolatey.
Команда для Chocolatey:
choco install nodejs-lts
Для упрощения работы и предотвращения несостыковок - в курсе будет использоваться VS Code и будут описаны расширения к нему. Если вы планируете использовать любое другое IDE или текстовый редактор - вы делаете это на свой страх и риск, а потому должны давать себе отчет, что отлично в нем разбираетесь и в системе присутствуют все аналоги расширений.
Скачайте VS Code для вашей системы здесь
После открытия репозитория VS Code предложит вам установить все рекомендуемые расширения.
Git - это система контроля версий, которая позволит вам сохранять ваши изменения в файлах и отменять их, если что-то пойдет не так. Данная система используется в программировании давно и позволила спасти огромное количество проектов. Своего рода ctrl + z, но в больших масштабах.
Откройте терминал и введите команду установки для вашего пакетного менеджера, пакет называется "git".
Вполне возможно, что он уже установлен на вашей системе, чтобы проверить наберите команду:
git --version
Откройте терминал и введите команду "git", система сама предложит вам установить инструменты разработчика. Просто согласитесь с их установкой.
Также можно установить с сайта, установщик выделен в синий монитор, он предложит вам скачать установщик, подходящий к вашей системе.
Установите через Chocolatey следующей командой:
choco install git
Также можно установить с сайта, установщик выделен в синий монитор, он предложит вам скачать установщик, подходящий к вашей системе.
Скачайте репозиторий, предоставленный Московским Политехом. Для скачивания следует настроить git и сгенерировать ключ SSH, а также привязать его к аккаунту. Если вам не удается это сделать, то свяжитесь с @DornRogal в Telegram для консультации и помощи.
Если вы правильно установили VS Code на Windows, то нажав правую клавишу мыши вы сможете открыть папку в VS Code.
На Linux и Mac OS следует открыть VS Code и выбрать file > open folder
после чего указать свою папку.
После выполнения этих операций ваш репозиторий откроется в VS Code как проект.
Используйте любой терминал, который вам нравится. Для Windows рекомендуется использовать либо powershell, либо Windows Terminal, который можно скачать в Windows Store.
Также вы можете использовать терминал, предоставляемый в VS Code, но это может вызывать небольшие баги. Чтобы открыть его нажмите сочетание клавиш ctrl + ~
. Далее мы будем использовать его для упрощения гайда.
На Mac OS терминал можно открыть через view terminal
. Комбинация клавиш может иногда не сработать.
Для установки зависимостей введите в терминале npm ci
.
Запустите сервер с помощью команды npm run start
. Откроется ваш браузер с пустым окном.
Чтобы проверить, что все работает корректно - напишите что-нибудь в index.html, расположенном в папке src.
Начните сборку с помощью команды npm run build
. У вас должна появиться новая папка build, в которую будет все сложено.
Протестируйте на ошибки свой код с помощью команды npm run test
. У вас должны пройти тесты и быть все зеленым. Если же у вас тесты не обозначены зеленым, то стоит исправить ошибки.