Instalación
Esta guía te mostrará cómo instalar y configurar el proyecto paso a paso.
Requisitos del Sistema
Antes de comenzar, verifica que tu sistema cumpla con los siguientes requisitos:
- Node.js: versión 18.0 o superior
- npm: versión 9.0 o superior (o yarn/pnpm)
- Sistema Operativo: Windows, macOS o Linux
Verificar Versiones
Ejecuta estos comandos para verificar tus versiones:
node --version
npm --versionInstalación
1. Clonar el Repositorio
git clone https://github.com/tu-usuario/tu-repo.git
cd tu-repo2. Instalar Dependencias
Usando npm:
npm installUsando yarn:
yarn installUsando pnpm:
pnpm install3. Iniciar el Servidor de Desarrollo
npm run docs:devEl servidor se iniciará en http://localhost:5173
Estructura del Proyecto
Después de la instalación, tu proyecto tendrá la siguiente estructura:
docu/
├── docs/
│ ├── .vitepress/
│ │ └── config.js # Configuración de VitePress
│ ├── guia/
│ │ ├── introduccion.md
│ │ ├── inicio-rapido.md
│ │ ├── instalacion.md
│ │ ├── caracteristicas.md
│ │ └── configuracion.md
│ ├── api/
│ │ ├── referencia.md
│ │ ├── metodos.md
│ │ └── ejemplos.md
│ └── index.md # Página de inicio
├── package.json
└── README.mdConfiguración Inicial
Personalizar el Título y Descripción
Edita el archivo docs/.vitepress/config.js:
export default defineConfig({
title: "Tu Título",
description: "Tu descripción",
// ... más configuración
})Cambiar el Logo
Agrega tu logo en docs/.vitepress/public/logo.svg y actualiza la configuración:
themeConfig: {
logo: '/logo.svg',
// ... más configuración
}Solución de Problemas
Error: Puerto 5173 en uso
Si el puerto está en uso, puedes especificar uno diferente:
npm run docs:dev -- --port 3000Error: Módulo no encontrado
Limpia la caché e instala nuevamente:
rm -rf node_modules package-lock.json
npm installError: Versión de Node.js
Asegúrate de usar Node.js 18 o superior. Puedes usar nvm para gestionar versiones:
nvm install 18
nvm use 18Construcción para Producción
Para construir tu documentación para producción:
npm run docs:buildLos archivos se generarán en docs/.vitepress/dist/
Vista Previa de la Construcción
Para previsualizar la construcción:
npm run docs:previewDespliegue
VitePress genera HTML estático que puede ser desplegado en cualquier servidor web o servicio de hosting estático:
Ejemplo: GitHub Pages
Agrega este script a tu package.json:
{
"scripts": {
"deploy": "npm run docs:build && gh-pages -d docs/.vitepress/dist"
}
}