Usuario:ManuelRomero/vuepress

Referencias Web

Referencias web sobre vuepress

https://vuepress.vuejs.org/ https://www.codetd.com/es/article/11043270#%E4%BB%8B%E7%BB%8D

Vuepress

• Es un entorno para crear sitios estáticos usando vue e integrado con markdown

Instalación gobal

sudo npm install -g vuepress

Crear un proyecto

Creamos un directorio y nos ubicamos en él mkdir probando_vuepress cd probando_vuepress

Inicializamos el proyecto

Con ello se crea el fichero pakage.json npm init -y

Editamos pakage.json

Abrimos el fichero Modificamos la entrada script sustituyéndola por el siguiente contendio { "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } }

Estructura de directorios

Vuepress propone una estructura de directorios que es recomendable (no obligatorio) seguir Explicada con detalle en la web de referencia https://vuepress.vuejs.org/guide/directory-structure.html Cremos el directorio básico docs y en su contenido .vuepress, mkdir docs cd docs mkdir .vuepress cd .vuepress Creamos también el fichero config.js touch config.js (o bien desde el EDI)

Editamos el fichero config.js

A continuación modificamos el fichero config.js En este fichero debemos establecer las variables de configuración para nuestro proyecto Las directivas de configuración están descrigas en la web oficial https://vuepress.vuejs.org/config/#basic-config module.exports = { base : '/' title: 'Probando Vuepress', description: 'Cómo sacar mayor partido a Vuepress y para qué sirve!', head: [ ['link', { rel: 'icon', href: `/favicon.ico` }] ], dest: './docs/.vuepress/dist', ga: '', evergreen: true, }