Code Monkey home page Code Monkey logo

laba1's Introduction

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

laba1's People

Contributors

github-classroom[bot] avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.