VitePress Introduction

VitePress is a static site generator (SSG) based on Vite, designed specifically for building fast, content-centric websites. It is the spiritual successor to VuePress, offering faster dev server startup, more rapid hot module replacement (HMR), and optimized build performance.

Core Features

• Vite-powered: Enjoy the ultra-fast development experience that Vite brings, including second-scale server startup and lightning-fast hot updates.
• Markdown-centric: Built-in powerful Markdown extensions supporting tables, syntax-highlighted code blocks, custom containers, and more, letting you focus on content creation.
• Vue-powered: Seamlessly use Vue components within Markdown, easily achieving rich interactivity and dynamic content.
• Default Theme: Provides a carefully designed default theme that's ready to use out of the box, supporting responsive layouts, dark mode, and customizable navbars and sidebars.
• Performance Optimized: The final generated website is pure static HTML with extremely fast loading speed and SEO friendliness.

Differences from VuePress

Feature	VuePress v1	VitePress
Build Tool	Webpack	Vite
Dev Server Performance	Slower	Extremely Fast
Configuration	Relatively complex	More concise
Ecosystem	Mature, rich plugins	Rapidly developing

If you're starting a new project, consider using VitePress—it has become the preferred choice for its excellent development experience and performance.

Use Cases

VitePress is perfect for building:

• Technical documentation
• Personal blogs
• Product introduction sites
• Open source project homepages

Quick Start

Create a VitePress project quickly with the following command:

npm add -D vitepress
npx vitepress init

Then follow the command-line prompts to start your documentation website.