Vue3 c нуля. Стартуем проект с помощью Vite.

preview_player
Показать описание
Самое время попробовать Vue3 в действии. А с чего нужно начать? Конечно с создания стартового проекта. И в этом нам поможет пакет Vite. Он не использует webpack. Вместо него используется нативный импорт ES-модулей, благодаря чему обеспечивается высокая скорость работы. Также Vite из коробки поддерживает PostCSS, CSS-модули и CSS-препроцессоры. Более того, Vite поможет создать проект с нуля не только на Vue 3, но и на React или Preact.

#vue #vue3 #vite
  1. Точка F
  2. vite
  3. vite vue
  4. vute vite
  5. vite react
  6. vite webpack
Рекомендации по теме
Vue3 c нуля. 0:07:25

Vue3 c нуля. Стартуем проект с помощью Vite.

Vue Composition API 0:10:20

Vue Composition API с нуля #1 - Установка Vite / Vue / Tailwind CSS

Полный курс Vue 0:06:44

Полный курс Vue 3 | #2 Установка и запуск Vue 3 на Vite

Переход на Vue 1:10:25

Переход на Vue 3 с минимумом усилий, адаптация к критическим изменениям...

Vue-Cli удобная структура 0:30:51

Vue-Cli удобная структура проекта

v-model во Vue2 0:05:55

v-model во Vue2 и Vue3 за 5 минут

Todo app (список 0:25:47

Todo app (список задач) на Vue 3 + Composition API / Vue практика

Vue 3 для 0:53:57

Vue 3 для начинающих - Урок 14 Vue Forms

Vue 3 - 0:15:32

Vue 3 - идеи фреймворка [вводный курс, урок 1]

Разработка компонента на 0:25:49

Разработка компонента на Vue3 + Vite / Публикация в NPM

Новый курс по 0:01:06

Новый курс по Vue и Vuex длительностью 10 часов!

Как подключить Vue 0:13:45

Как подключить Vue на своем сайте (2 способа)

Динамическое подключение однофайловых 0:06:48

Динамическое подключение однофайловых Vue компонентов c помощью Webpack...

Vite 2.0 ⚡️ 0:10:41

Vite 2.0 ⚡️ Сверхбыстрый инструмент сборки веб-приложений Vue, React, Svelte | Vite vs Vue CLI...

Vite | сборщик 0:03:30

Vite | сборщик нового поколения #14 - ESLint

Знакомимся с Vitejs. 0:16:12

Знакомимся с Vitejs. Портирование проекта, собираемого с помощью Webpack 5 на Vitejs | Vitejs config...

Vue 3 Composition 0:30:25

Vue 3 Composition API [FULL TUTORIAL]

Интенсив JavaScript 1.0. 0:44:32

Интенсив JavaScript 1.0. #5 Завершаем с Login UI. Vuex.

Настройка webpack и 0:30:13

Настройка webpack и gulp | Урок 2. Курс VueJS 3 + MODX Revolution

Vue.js 3 - 0:03:01

Vue.js 3 - Hello World для новичков [2021]

VUE 3 / 0:22:34

VUE 3 / Composition API. Синтаксис SFC

Vue.js — открытый 0:56:20

Vue.js — открытый фреймворк для разработки веб-приложений...

Getting started with 0:13:44

Getting started with Vue 3 + Vite in 2021 (feat. Tailwind CSS, Vue Router, Vuex, ESLint & Pretti...

How You Can 0:14:41

How You Can Speed Up Your Development With Vite 2.0 | Create Fast Vue 3 apps with Vite 2.0 Tutorial

Комментарии
Автор

Пробовали уже Vite? Как ваши впечатления?

Точка-ьф
Автор

Спасибо за видео! Наверное, это первое русскоязычное видео по Vite на YouTube. Давно ищу лёгкую и быструю альтернативу webpack, без огромных конфигов и тормозящего HMR.

yuradd
Автор

Хотел посмотреть следующее видео, а его нет. Жаль...

Grumnum
Автор

подскажи пожалуйста, как сделать чтобы при сборке (команда vite build) все файлы не закачивались в одну папку dist/assets, а разделялись по категориям img в img папку, css в css папку, и т.д. Как это реализовано в vue/cli, заранее спасибо и лайк

newneo