vueschool.io
Изучите Vue.js и современные, передовые технологии от экспертов отрасли с нашими премиальными учебниками и курсами vue.js.
Продолжительность
1 ч 40 мин
Категория
Vue
Количество уроков
22 Видео
Дата добавления
15 июл. 2023 г., 15:19
Язык
Английский
Vite - это инструмент сборки первого класса, который стремится обеспечить более быстрый и легковесный опыт разработки для современных веб-проектов.
В этом курсе мы рассмотрим все, что вам нужно знать, чтобы начать работу с проектом Vue.js с использованием Vite. Мы погрузимся во внутреннее устройство Vite, научимся создавать новые проекты Vue с помощью Vite, изучим множество возможностей Vite и даже разберемся с миграцией с проекта Vue CLI на Vite.
Темы включают:
- Начало работы с проектом с помощью npm init vite, инструмента create-vue или готового шаблона Vite из сообщества.
- Написание стилей в компонентах Vue, в отдельных таблицах стилей, с использованием вашего любимого препроцессора или даже с помощью CSS-модулей.
- Работа с изображениями и статическими ресурсами в Vite.
- Использование Vite для сборки вашего приложения для продакшн-среды.
- Миграция существующего проекта Vue CLI на Vite.
- Создание собственных шаблонов Vite.
- Использование и создание плагинов Vite.
Этот курс поможет вам освоить все возможности Vite и научиться создавать современные и эффективные веб-приложения с использованием Vue.js и Vite. Вы сможете повысить свою производительность и ускорить процесс разработки с этим мощным инструментом сборки.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:03:58Introduction to Vite
-
Урок 2. 00:01:51Start a Project with Vite
-
Урок 3. 00:04:30The Vite Boilerplate Code
-
Урок 4. 00:02:11Use Create Vue to Start a Vite Project
-
Урок 5. 00:02:56Jump Start with Vite Templates
-
Урок 6. 00:06:06CSS and Vite
-
Урок 7. 00:06:18CSS PreProcessors and Vite
-
Урок 8. 00:02:42CSS Modules and Vite
-
Урок 9. 00:08:25Images and Vite
-
Урок 10. 00:03:32JSON and Vite
-
Урок 11. 00:03:49Glob Imports in Vite
-
Урок 12. 00:05:02Typescript and Vite
-
Урок 13. 00:06:16Vite Config
-
Урок 14. 00:02:25Use Vite to Build for Production
-
Урок 15. 00:06:01Environment Variables and Modes in Vite
-
Урок 16. 00:03:05Migrate from Vue CLI to Vite Part 1
-
Урок 17. 00:06:37Migrate from Vue CLI to Vite Part 2
-
Урок 18. 00:05:37Migrate from Vue CLI to Vite Part 3
-
Урок 19. 00:07:35Create a Vite Template
-
Урок 20. 00:02:40Use a Vite Plugin
-
Урок 21. 00:08:17Create a Vite Plugin
-
Урок 22. 00:00:56Course Conclusion
Автор - vueschool.io
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
vuemastery
25 июн. 2023 г., 23:45
Легкие и быстрые сборки с Vite
Lightning Fast Builds w/ Vite
Vite - французское слово, означающее "быстро", произносится как "Вит". Это инструмент для сборки, который включает в себя сервер разработки и упаковывает ваш код для продакшн-сборки. Он похож на Vue CLI, но более легковесный и быстрый. Одна из проблем, с которыми разработчики могут столкнуться, - это время загрузки приложения при внесении изменений. Vite значительно ускоряет процесс разработки и обратную связь во время работы
Vue JS 3: Composition API (с Pinia, Firebase 9 и Vite)
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
Если вы уже знакомы с Vue 2 и Options API, то этот курс научит вас всему, что вам нужно знать, чтобы переключиться (и начать работу) на Vue 3 и новый восхитительный Composition API. Я независимый разработчик приложений и создатель Fudget, приложения для личных финансов с самым высоким рейтингом для iOS, Android, Mac и Windows и я провел последние 12 месяцев, создавая Fudget 2, который построен на Vue 3 и Composition API.
Vite
Научитесь настраивать и расширять Vite для создания современных веб-приложений. Оптимизируйте обработку статических ресурсов и производительность с помощью pre-bundling. Поймите продвинутые сценарии использования, такие как API-прокси и создание собственных плагинов Vite.