Toolverse
All skills

vitepress

by antfu

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
antfu
Category
Frontend
Views
1

About this skill

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

How to use

  1. Zainstaluj VitePress w swoim projekcie, używając komendy init, która utworzy strukturę katalogów .vitepress/config.ts i .vitepress/theme/ — tam będą przechowywane konfiguracja i motywy.

  2. Utwórz pliki Markdown w głównym katalogu projektu; VitePress automatycznie mapuje je na trasy na podstawie struktury plików — każdy plik .md staje się stroną.

  3. Dodaj komponenty Vue bezpośrednio do treści Markdown — możesz używać Vue 3 i skryptów setup w ramach dokumentacji bez dodatkowej konfiguracji.

  4. Skonfiguruj metadane witryny w .vitepress/config.ts — zdefiniuj tytuł, opis, nawigację i ustawienia wyszukiwania (lokalne lub Algolia).

  5. Uruchom serwer deweloperski komendą dev — otrzymasz natychmiastowe odświeżanie zmian w edytorze, a następnie zbuduj statyczną witrynę komendą build do wdrożenia.

Related skills