Cómo publicar un HTML o build estático desde VS Code sin Git

No todos los deploys desde Visual Studio Code necesitan un repositorio, una rama o un pipeline.

Si el trabajo es compartir un artefacto estático para revisión, puedes publicar directamente desde el editor.

La decisión principal es:

¿Debo desplegar el archivo activo o el workspace?

Archivo activo

Usa el archivo activo cuando tienes:

• un .html completo
• un documento Markdown
• un PDF

Flujo:

1. instala la extensión PreviewShip
2. ejecuta PreviewShip: Set API Key
3. abre el archivo
4. ejecuta Deploy Active HTML, Markdown, or PDF File
5. abre la URL generada

No hace falta crear un ZIP para un documento individual.

Workspace

Usa Workspace Deploy cuando la web contiene múltiples archivos:

dist/
├── index.html
├── assets/
├── styles.css
└── app.js

Para React, Vue, Vite, Next static export, Astro o Svelte, ejecuta el build primero.

No despliegues una carpeta que solo contiene:

package.json
src/
node_modules/

Eso es código fuente, no salida estática.

Problemas frecuentes

La página está en blanco

• comprueba que existe index.html
• abre DevTools
• busca errores JavaScript
• revisa el base path

Faltan CSS o imágenes

• revisa rutas relativas
• conserva la estructura de carpetas
• confirma mayúsculas y minúsculas

Error de autenticación

Vuelve a ejecutar PreviewShip: Set API Key.

El comando no aparece

Confirma que la extensión está habilitada en la ventana actual y que el archivo activo es compatible.

La documentación completa en español:

https://previewship.com/es/docs/vscode?utm_source=devto&utm_medium=community&utm_campaign=core_content_cluster_0727&utm_content=article_es_02_vscode

El objetivo no es reemplazar un pipeline de producción.

Es quitar pasos cuando ya tienes un artefacto listo para navegador y solo necesitas que otra persona lo abra.