Rapid Development with Vite

Name: Rapid Development with Vite
Price: 9 USD
Availability: InStock

1h 40m 49s

English

Paid

November 21, 2023

Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects.

In this course, we cover everything you need to know in order to get a Vue.js project up and running with Vite. From understanding how Vite works under the hood, to starting your new Vue projects with Vite, to the wealth of Vite features, to migrating from Vue CLI to Vite, we cover it all!

Topics include:

starting a project using , the create-vue tool, or a community provided vite template.
writing styles in vue components, in seperate stylesheets, with your favorite pre-processor, or even with CSS modules
working with images and static assets in Vite
using Vite to bundle your application for production
migrating an existing Vue CLI project to Vite
creating Vite templates
and using and creating Vite plugins

Watch Online Rapid Development with Vite

Join premium to watch

Go to premium

#	Title	Duration
1	Introduction to Vite	03:58
2	Start a Project with Vite	01:51
3	The Vite Boilerplate Code	04:30
4	Use Create Vue to Start a Vite Project	02:11
5	Jump Start with Vite Templates	02:56
6	CSS and Vite	06:06
7	CSS PreProcessors and Vite	06:18
8	CSS Modules and Vite	02:42
9	Images and Vite	08:25
10	JSON and Vite	03:32
11	Glob Imports in Vite	03:49
12	Typescript and Vite	05:02
13	Vite Config	06:16
14	Use Vite to Build for Production	02:25
15	Environment Variables and Modes in Vite	06:01
16	Migrate from Vue CLI to Vite Part 1	03:05
17	Migrate from Vue CLI to Vite Part 2	06:37
18	Migrate from Vue CLI to Vite Part 3	05:37
19	Create a Vite Template	07:35
20	Use a Vite Plugin	02:40
21	Create a Vite Plugin	08:17
22	Course Conclusion	00:56