Giter Club home page Giter Club logo

vue-20240627_yuriy14's Introduction

Задачник курса по Vue 3

Использование задачника

Подробная инструкция по работе с задачником описана в разделе "Введение".

Подготовка

Перед началом работы требуется установить Node.js LTS версии и все необходимые npm пакеты.

npm ci

Команды

# Запуск сервера разработки для ручного тестирования
npm run dev

# Тестирование задачи TASK (например, "npm test sum" протестирует "00-intro/10-sum")
npm test <TASK>

# Тестирование всех задач
npm test

# Тестирование задачи без отслеживания - в отличие от `npm test` не будет автоматического перезапуска при изменении файлов
npm run test:run <TASK>

# Проверка качества кода через ESLint
npm run lint

# Проверка качества кода через eslint с исправлением проблем
npm run lint:fix

# Форматирование решений с Prettier
npm run format

# Проверка типов
npm run typecheck

Ручное тестирование и отладка

Для удобства решения в каждой задаче есть окружение для ручного тестирования в браузере.

  1. В корне репозитория выполните команду npm run dev;
    Выполнится запуск сервера разработки через Vite.
  2. Откройте страницу по ссылке из терминала и выберите нужную задачу, либо сразу откройте страницу задачи по ссылке из инструкции (например, http://localhost:5173/00-intro/01-sum/);
  3. После изменения файлов решения страница должна обновиться автоматически.

Проверка качества и форматирование кода

В задачнике настроена связка ESLint + Prettier. Вы можете изменить конфигурацию линтера и форматера на ваше усмотрение в файлах eslint.config.js и prettier.config.js.

Доступные библиотеки

В задачнике все основные необходимые для решения задач библиотеки. Вы можете устанавливать дополнительные библиотеки по необходимости.

vue-20240627_yuriy14's People

Contributors

jsru-1 avatar yuranick avatar shgkme 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.