Vite

Learned and used in CS349.

Create a Vite Project

Vite has templates to setup a project for different frameworks

Can answer Vite project setup questions interactively:

npm create vite@latest

Or provide the project name and template directly:

npm create vite@latest <project> -- --template vanilla-ts

Vite Project Setup Demo

Create project with Vanilla TypeScript template

npm create vite@latest

Run Vite dev server

npm run dev

Examine Vite project structure

• index.html, especially <script type = "module" ...
• src/ directory Show how to trim down to minimal project:
• simplify index.html
• remove CSS file
• remove vite SVG
• etc.