Skip to content

js-tasks-ru/vue-20240924_sergey-kirov7

Repository files navigation

Задачник курса по 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.

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

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