Ghid pentru utilizarea VitePress

VitePress este un generator de site-uri statice rapid și ușor de utilizat, construit pe baza Vite. Acesta oferă o experiență de dezvoltare plăcută și un layout simplu pentru documentație.

Instalare

Pentru a instala VitePress, folosește următoarea comandă:

npm install -D vitepress

Structura directoarelor

Structura de bază a unui proiect VitePress arată astfel:

.
└── docs
    ├── .vitepress
    │   └── config.js
    ├── index.md
    └── guide.md

Configurație

Fichierul de configurare config.js este locul unde poți personaliza setările VitePress. Aici este un exemplu simplu:

module.exports = {
  title: 'Documentație VitePress',
  description: 'Un ghid rapid pentru a utiliza VitePress.'
}

Crearea de pagini

Pentru a crea o pagină, pur și simplu adaugă un nou fișier .md în directorul docs. De exemplu, about.md pentru a crea o pagină despre aplicația ta.

Exemplar:

# Despre noi

Acesta este un exemplu de pagină despre noi.

Navigare

VitePress oferă funcționalitate de navigare automată bazată pe structura directoarelor. Asigură-te că ai fișiere .md organize pentru a beneficia de navigare ușoară.

Utilizarea componentelor Vue

Poți insera componente Vue direct în documentele tale Markdown:

<Counter />

Concluzie

Aceasta a fost o introducere rapidă în utilizarea VitePress. Te îndemnăm să explorezi documentația oficială pentru mai multe informații și exemple.