Skip to content

dariasadikova/hw-englishschool-by-layout

Repository files navigation

Project setup

Установите Node.js

Зачем?

Мы будем использовать Node.js и интегрированный пакетный менеджер npm, чтобы собирать ваш проект и запускать его локально

Для пользователей Linux

Для установки на Linux воспользуйтесь терминалом и скачайте Node.js, который может называться как node, так и nodejs в зависимости от пакетного менеджера, используемого в вашем дистрибутиве.

Для более детальных инструкций прочитайте официальную документацию

Для пользователей Mac OS

Скачайте установщик здесь или воспользуйтесь Homebrew.

Команда для Homebrew: brew install node

Для пользователей Windows

Скачайте последний LTS релиз здесь

url=https://ibb.co/pQP3xLP

Либо скачайте Node.js через пакетный менеджер Chocolatey.

Команда для Chocolatey: choco install nodejs-lts

Установка VS Code

Для упрощения работы и предотвращения несостыковок - в курсе будет использоваться VS Code и будут описаны расширения к нему. Если вы планируете использовать любое другое IDE или текстовый редактор - вы делаете это на свой страх и риск, а потому должны давать себе отчет, что отлично в нем разбираетесь и в системе присутствуют все аналоги расширений.

Установка VS Code

Скачайте VS Code для вашей системы здесь

Рекомендуемые расширения для VS Code

После открытия репозитория VS Code предложит вам установить все рекомендуемые расширения.

Установите Git

Git - это система контроля версий, которая позволит вам сохранять ваши изменения в файлах и отменять их, если что-то пойдет не так. Данная система используется в программировании давно и позволила спасти огромное количество проектов. Своего рода ctrl + z, но в больших масштабах.

Установка Git для Linux

Откройте терминал и введите команду установки для вашего пакетного менеджера, пакет называется "git". Вполне возможно, что он уже установлен на вашей системе, чтобы проверить наберите команду: git --version

Установка для Mac OS

Откройте терминал и введите команду "git", система сама предложит вам установить инструменты разработчика. Просто согласитесь с их установкой.

Также можно установить с сайта, установщик выделен в синий монитор, он предложит вам скачать установщик, подходящий к вашей системе.

Установка Git для Windows

Установите через Chocolatey следующей командой: choco install git

Также можно установить с сайта, установщик выделен в синий монитор, он предложит вам скачать установщик, подходящий к вашей системе.

Подготовка к разработке

Скачайте репозиторий, предоставленный Московским Политехом. Для скачивания следует настроить git и сгенерировать ключ SSH, а также привязать его к аккаунту. Если вам не удается это сделать, то свяжитесь с @DornRogal в Telegram для консультации и помощи.

VS Code

Если вы правильно установили 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. У вас должны пройти тесты и быть все зеленым. Если же у вас тесты не обозначены зеленым, то стоит исправить ошибки.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published