Vite Cheat Sheet

Getting Started

# Create project
npm create vite@latest my-app
cd my-app
npm install
npm run dev

# Build for production
npm run build
npm run preview

Config (vite.config.js)

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    port: 3000
  },
  build: {
    outDir: 'dist'
  }
})

Features