Vite - Подробный урок для начинающих

Веб-дизайн для начинающих. Полный курс: Изучаем Vite в связке с React. Vite - это инструмент для сборки и сервер для современной веб-разработки. Сегодня мы рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое. Все курсы в одном комплекте: Создание сайта от А до Я: Расширение VS Code: ES7 React/Redux/React-Native snippets Документация Vite: Сниппеты React: Плагины Vite: #plugins Путь веб-разработчика: Таймкоды: 00:00 Начало урока 00:18 Возможности Vite 00:49 Vite vs Webpack 01:52 Что не так с Webpack и CRA 02:26 Как работает Vite 02:56 Как происходит сборка 03:31 Связка Vite React 03:51 Как начать работать с Vite 04:03 Конфигурация проекта 05:09 Структура проекта 05:28 Обзор 06:09 Конфигурация Vite 06:35 Настройка сервера 07:21 Обзор 08:09 Обзор 08:45 Обзор 09:12 Установка модулей 09:35 Запуск сервера Vite 10:04 Обзор демо-страницы 10:34 Создание React компонента 10:58 VS Code плагин для React 11:18 Сниппеты для React 12:17 Подключение компонента 12:57 Как работает HMR 13:18 Переменные окружения 15:06 CSS Препроцессоры в Vite 17:39 Sass Legacy JS API Vite 18:33 Сборка проекта 19:40 Запуск сервера в папке 21:02 Плагины для Vite 22:16 Что ещё изучить? #programming #webdevelopment #webdesign Спасибо за просмотр видео Vite - Подробный урок для начинающих