VitePress Oppsett

VitePress er en statisk nettstedgenerator laget for å bli brukt med Vue 3. I denne artikkelen vil vi gå gjennom hvordan du setter opp VitePress-prosjektet ditt.

Installasjon

For å komme i gang med VitePress, må du først installere den. Dette gjøres enkelt med npm:

npm install -D vitepress

Opprette et prosjekt

Når du har installert VitePress, kan du opprette din første side. Opprett en ny katalog i prosjektet ditt:

mkdir docs

Legg til en index.md-fil inne i docs-katalogen:

# Velkommen til VitePress

Dette er det første dokumentet ditt med VitePress.

Bygg og kjør

For å bygge og kjøre VitePress-prosjektet, kan du bruke følgende npm-skript:

{
  "scripts": {
    "dev": "vitepress dev docs",
    "build": "vitepress build docs"
  }
}

Kjør prosjektet ditt i utviklingsmodus:

npm run dev

Oppsett av konfigurasjon

VitePress lar deg også tilpasse innstillingene dine. Lag en vitepress/config.js-fil:

import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'Min Dokumentasjon',
  description: 'En beskrivelse av prosjektet mitt.',
})

Eksempler

Her er et eksempel på et kodefragment:

console.log('Hei VitePress!')

Tabeller

Du kan også lage tabeller i Markdown:

Navn	Alder
Alice	25
Bob	30

Konklusjon

VitePress er et kraftig verktøy for å lage dokumentasjon. Følg trinnene ovenfor for å sette opp ditt eget prosjekt!