Vite 中文文档 Vite 中文文档
指南
GitHub (opens new window)
指南
GitHub (opens new window)
  • vite

    • 指引
    • 为什么选 Vite
    • 开始
    • 功能
    • 命令行界面
    • 使用插件
    • 依赖预构建
    • 静态资源处理
    • 构建生产版本
    • 部署静态站点
    • 环境变量和模式
    • 服务端渲染
    • 后端集成
    • 与其他工具比较
    • 故障排除
    • 从 v3 迁移
  • API

  • 配置参考

  • vite

  • API

  • 配置参考

Live Demo

React version of Vitesse Lite

English| 简体中文

Features


⚡️Vite 2, pnpm, ESBuild - born with fastness

🗂File based routing

🎨UnoCSS - The instant on-demand atomic CSS engine.

😃Use icons from any icon sets in Pure CSS

✅Use Vitest for unit and components testing

🦾TypeScript, of course

☁️Deploy on Netlify, zero-config

See Vitesse for full featureset.

Dropped Features from Vitesse


i18n
Layouts
SSG
PWA
Markdown

Pre-packed


UI Frameworks


UnoCSS - The instant on-demand atomic CSS engine.

Icons


Iconify - use icons from any icon sets 🔍Icônes
Pure CSS Icons via UnoCSS

Plugins


vite-plugin-pages - file system based routing
unplugin-auto-import - Directly use react/react-router-dom API and others without importing
usehooks-ts - collection of useful React hooks

Try it now!


GitHub Template


Create a repo from this template on GitHub.

Clone to local


If you prefer to do it manually with the cleaner git history

  1. ``` shell
  2. npx degit lxy-yz/vitesse-lite-react my-react-app
  3. cd my-react-app
  4. pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
  5. ```
Last Updated: 2023-05-23 11:11:51