{"id":11510,"date":"2026-10-13T14:23:43","date_gmt":"2026-10-13T06:23:43","guid":{"rendered":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/"},"modified":"2026-10-14T13:08:46","modified_gmt":"2026-10-14T05:08:46","slug":"vpascode-a-comprehensive-guide","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/","title":{"rendered":"VPasCode: Una gu\u00eda completa"},"content":{"rendered":"<p data-nodeid=\"16269\">VPasCode es un editor basado en navegador para crear diagramas y visualizar texto estructurado. Escribes o generas c\u00f3digo en un formato compatible, ves el resultado en una vista previa en vivo y luego compartes o exportas el diagrama. Re\u00fane varios motores de texto a diagrama y formatos de c\u00f3digo o datos en un solo espacio de trabajo.<\/p>\n<h2 data-nodeid=\"16270\">VPasCode: Primeros pasos<\/h2>\n<p><img alt=\"Gu\u00eda de inicio de VPasCode que muestra cinco pasos: abrir el editor, elegir formato, ingresar c\u00f3digo, revisar la vista previa y compartir o exportar diagramas.\" class=\"alignnone size-full wp-image-21914\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcd56bcb94-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"16271\">\n<li data-nodeid=\"16272\">\n<p data-nodeid=\"16273\">Abre el editor de VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"16274\">\n<p data-nodeid=\"16275\">Elige un formato o comienza con uno de los ejemplos integrados.<\/p>\n<\/li>\n<li data-nodeid=\"16276\">\n<p data-nodeid=\"16277\">Escribe o pega tu c\u00f3digo de diagrama en el editor.<\/p>\n<\/li>\n<li data-nodeid=\"16278\">\n<p data-nodeid=\"16279\">Revisa la vista previa renderizada en vivo y ajusta el c\u00f3digo seg\u00fan sea necesario.<\/p>\n<\/li>\n<li data-nodeid=\"16280\">\n<p data-nodeid=\"16281\">Comparte el diagrama con un enlace o exp\u00f3rtalo para usarlo en otro lugar.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"16282\">El editor se describe como gratuito y basado en navegador, por lo que puedes trabajar sin instalar una aplicaci\u00f3n de diagramaci\u00f3n de escritorio.<\/p>\n<h2 data-nodeid=\"16283\">VPasCode: Formatos y tipos de diagramas compatibles<\/h2>\n<p data-nodeid=\"16284\">VPasCode admite m\u00faltiples lenguajes de diagramaci\u00f3n, formatos de datos y lenguajes de programaci\u00f3n.<\/p>\n<p><img alt=\"Infograf\u00eda de VPasCode que muestra los tipos y formatos de diagramas admitidos, incluidos PlantUML, Mermaid, Graphviz, D2, esquemas de datos y lenguajes de programaci\u00f3n.\" class=\"alignnone size-full wp-image-21916\" decoding=\"async\" height=\"1024\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3-300x200.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3-1024x683.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3-768x512.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcde3146e3-120x80.png 120w\" width=\"1536\"\/><\/p>\n<ul data-nodeid=\"16285\">\n<li data-nodeid=\"16286\">\n<p data-nodeid=\"16287\"><strong data-nodeid=\"16367\">PlantUML:<\/strong> Diagramas de ArchiMate, modelos C4, secuencia, caso de uso, clase, objeto, actividad, componente, despliegue, estado y temporizaci\u00f3n; DERs, DERs de Chen, dise\u00f1os de red y estructuras de desglose de trabajo.<\/p>\n<\/li>\n<li data-nodeid=\"16288\">\n<p data-nodeid=\"16289\"><strong data-nodeid=\"16372\">Mermaid:<\/strong> Diagramas de flujo, diagramas de clase y secuencia, DERs, diagramas de estado, mapas mentales, modelos C4, gr\u00e1ficos de Gantt, diagramas de cuadrante y requisitos, l\u00edneas de tiempo, recorridos de usuario, gr\u00e1ficos de Git y tableros Kanban.<\/p>\n<\/li>\n<li data-nodeid=\"16290\">\n<p data-nodeid=\"16291\"><strong data-nodeid=\"16377\">Graphviz:<\/strong> Grafos dirigidos y est\u00e1ndar, diagramas de flujo, organigramas, diagramas de cl\u00faster y diagramas de flujo de datos.<\/p>\n<\/li>\n<li data-nodeid=\"16292\">\n<p data-nodeid=\"16293\"><strong data-nodeid=\"16382\">D2:<\/strong> Formas b\u00e1sicas, contenedores, diagramas de secuencia, diagramas con estilo y diagramas de red.<\/p>\n<\/li>\n<li data-nodeid=\"16294\">\n<p data-nodeid=\"16295\"><strong data-nodeid=\"16387\">Datos y esquemas:<\/strong> SQL, DBML, JSON, JSON Schema, JSONC, JSON5, JSONL\/NDJSON, TOON, YAML, XML, CSV y TOML.<\/p>\n<\/li>\n<li data-nodeid=\"16296\">\n<p data-nodeid=\"16297\"><strong data-nodeid=\"16392\">C\u00f3digo:<\/strong> Java, TypeScript, Go, Rust, C#, Python, C, C++, PHP, Ruby, Scala, Zig, Kotlin, Swift y Elixir.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"16298\">El art\u00edculo se\u00f1ala que se pueden agregar formatos adicionales en futuras actualizaciones.<\/p>\n<h2 data-nodeid=\"16299\">VPasCode: Creaci\u00f3n de un diagrama<\/h2>\n<p data-nodeid=\"16300\">Puedes comenzar de una de dos maneras:<\/p>\n<ul data-nodeid=\"16301\">\n<li data-nodeid=\"16302\">\n<p data-nodeid=\"16303\"><strong data-nodeid=\"16400\">Escribe el c\u00f3digo t\u00fa mismo:<\/strong> Elige un formato compatible e ingresa su sintaxis en el editor.<\/p>\n<\/li>\n<li data-nodeid=\"16304\">\n<p data-nodeid=\"16305\"><strong data-nodeid=\"16405\">Comienza con un ejemplo:<\/strong> Explora los ejemplos integrados para aprender un formato o adaptar una plantilla para tu propio diagrama.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"16306\">Mientras editas, VPasCode genera una vista previa en tiempo real. Esto te permite detectar problemas de dise\u00f1o o sintaxis mientras trabajas, en lugar de esperar hasta un paso de exportaci\u00f3n separado.<\/p>\n<h2 data-nodeid=\"16307\">VPasCode: Uso de herramientas de IA<\/h2>\n<p data-nodeid=\"16308\">Las funciones de IA de VPasCode pueden ayudar a crear y refinar el c\u00f3digo de diagramas:<\/p>\n<p><img alt=\"Infograf\u00eda de las herramientas de IA de VPasCode que muestra cuatro funciones: generar diagramas a partir de texto, modificar diagramas existentes, corregir errores de c\u00f3digo y traducir etiquetas.\" class=\"alignnone size-full wp-image-21917\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce34027aa-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ul data-nodeid=\"16309\">\n<li data-nodeid=\"16310\">\n<p data-nodeid=\"16311\"><strong data-nodeid=\"16413\">Generar un diagrama:<\/strong> Describe un sistema o proceso en ingl\u00e9s sencillo, y la IA genera el c\u00f3digo para el formato seleccionado.<\/p>\n<\/li>\n<li data-nodeid=\"16312\">\n<p data-nodeid=\"16313\"><strong data-nodeid=\"16418\">Modificar un diagrama:<\/strong> Da instrucciones para ampliar, simplificar o ajustar de otra manera un diagrama existente.<\/p>\n<\/li>\n<li data-nodeid=\"16314\">\n<p data-nodeid=\"16315\"><strong data-nodeid=\"16423\">Corregir errores de c\u00f3digo:<\/strong> Usa la asistencia de IA para detectar y corregir problemas de sintaxis en el diagrama.<\/p>\n<\/li>\n<li data-nodeid=\"16316\">\n<p data-nodeid=\"16317\"><strong data-nodeid=\"16428\">Traducir etiquetas:<\/strong> Solicita a la funci\u00f3n de traducci\u00f3n que convierta las etiquetas de texto de un diagrama a otro idioma.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"16318\">Estas herramientas est\u00e1n dise\u00f1adas para reducir el trabajo manual de sintaxis. Revisa el c\u00f3digo generado o modificado y previsualiza el resultado antes de compartirlo.<\/p>\n<h2 data-nodeid=\"16319\">VPasCode: Temas de PlantUML<\/h2>\n<p data-nodeid=\"16320\">Para diagramas de PlantUML, el editor ofrece una interfaz de selecci\u00f3n de temas. Elige un tema de la lista disponible para aplicar su sintaxis y previsualizar el aspecto actualizado. El art\u00edculo tambi\u00e9n describe temas personalizados de Visual Paradigm y Rose: el primero utiliza encabezados azules, mientras que el segundo se inspira en el cl\u00e1sico aspecto amarillo claro de IBM Rational Rose.<\/p>\n<h2 data-nodeid=\"16321\">VPasCode: Compartir y exportar<\/h2>\n<p data-nodeid=\"16322\">Cuando tu diagrama est\u00e9 listo, puedes:<\/p>\n<ul data-nodeid=\"16323\">\n<li data-nodeid=\"16324\">\n<p data-nodeid=\"16325\">Crear un enlace web compartible.<\/p>\n<\/li>\n<li data-nodeid=\"16326\">\n<p data-nodeid=\"16327\">Exportarlo como un PDF vectorial.<\/p>\n<\/li>\n<li data-nodeid=\"16328\">\n<p data-nodeid=\"16329\">Exportarlo como una imagen vectorial SVG.<\/p>\n<\/li>\n<li data-nodeid=\"16330\">\n<p data-nodeid=\"16331\">Exportarlo como un PNG de alta resoluci\u00f3n.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"16332\">Los formatos vectoriales como SVG y PDF son \u00fatiles cuando deseas escalar un diagrama sin perder claridad; PNG es conveniente para documentos y presentaciones comunes.<\/p>\n<h2 data-nodeid=\"16333\">VPasCode: Conectar un proveedor de IA<\/h2>\n<p><img alt=\"Diagrama que muestra c\u00f3mo VPasCode conecta la infraestructura de IA de una organizaci\u00f3n con proveedores como OpenAI y Anthropic utilizando credenciales de API existentes.\" class=\"alignnone size-full wp-image-21923\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdce9b87281-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<p data-nodeid=\"16334\">Las organizaciones pueden conectar su propia infraestructura de IA y utilizar sus credenciales de API existentes. El art\u00edculo enumera OpenAI, Anthropic, Google, DeepSeek, Mistral, Qwen y Groq, entre otros. Esta opci\u00f3n est\u00e1 dise\u00f1ada para proporcionar control sobre el entorno de IA, las credenciales y los acuerdos de gasto; config\u00faralo seg\u00fan los requisitos de tu organizaci\u00f3n.<\/p>\n<h2 data-nodeid=\"16335\">VPasCode: Un flujo de trabajo pr\u00e1ctico<\/h2>\n<p><img alt=\"Diagrama de flujo de trabajo de VPasCode en siete pasos que muestra la selecci\u00f3n de formato, generaci\u00f3n con IA, edici\u00f3n de c\u00f3digo, vista previa, temas y opciones de exportaci\u00f3n.\" class=\"alignnone size-full wp-image-21926\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acdcefbb3851-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"16336\">\n<li data-nodeid=\"16337\">\n<p data-nodeid=\"16338\">Selecciona el formato de diagrama que se adapte a tu caso de uso.<\/p>\n<\/li>\n<li data-nodeid=\"16339\">\n<p data-nodeid=\"16340\">Comienza con un ejemplo integrado o describe el diagrama al generador de IA.<\/p>\n<\/li>\n<li data-nodeid=\"16341\">\n<p data-nodeid=\"16342\">Inspecciona y edita el c\u00f3digo resultante.<\/p>\n<\/li>\n<li data-nodeid=\"16343\">\n<p data-nodeid=\"16344\">Usa la vista previa en tiempo real para verificar la legibilidad y la correcci\u00f3n.<\/p>\n<\/li>\n<li data-nodeid=\"16345\">\n<p data-nodeid=\"16346\">Aplica un tema si est\u00e1s trabajando en PlantUML.<\/p>\n<\/li>\n<li data-nodeid=\"16347\">\n<p data-nodeid=\"16348\">Usa la modificaci\u00f3n, correcci\u00f3n de errores o traducci\u00f3n con IA si resulta \u00fatil.<\/p>\n<\/li>\n<li data-nodeid=\"16349\">\n<p data-nodeid=\"16350\">Comparte un enlace o exporta el diagrama finalizado.<\/p>\n<\/li>\n<\/ol>\n<p class=\"\" data-nodeid=\"16351\">VPasCode es m\u00e1s \u00fatil cuando prefieres la edici\u00f3n de diagramas basada en texto, necesitas trabajar en varios formatos de diagramas o quieres una forma r\u00e1pida de generar y revisar diagramas sin organizar manualmente cada forma.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VPasCode es un editor basado en navegador para crear diagramas y visualizar texto estructurado. Escribes o generas c\u00f3digo en un<\/p>\n","protected":false},"author":11,"featured_media":11511,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[3,85,119],"tags":[],"asset-category":[124,125],"class_list":["post-11510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unified-modeling-language","category-visual-paradigm","category-vpascode-editor","asset-category-ai","asset-category-vpascode"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode: Una gu\u00eda completa - Cibermedio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode: Una gu\u00eda completa - Cibermedio\" \/>\n<meta property=\"og:description\" content=\"VPasCode es un editor basado en navegador para crear diagramas y visualizar texto estructurado. Escribes o generas c\u00f3digo en un\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Cibermedio\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T06:23:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:08:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"VPasCode: Una gu\u00eda completa\",\"datePublished\":\"2026-10-13T06:23:43+00:00\",\"dateModified\":\"2026-10-14T05:08:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\"},\"wordCount\":866,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png\",\"articleSection\":[\"Unified Modeling Language\",\"Visual Paradigm\",\"VPasCode Editor\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\",\"url\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\",\"name\":\"VPasCode: Una gu\u00eda completa - Cibermedio\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png\",\"datePublished\":\"2026-10-13T06:23:43+00:00\",\"dateModified\":\"2026-10-14T05:08:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png\",\"width\":1672,\"height\":941},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode: Una gu\u00eda completa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/es\/\",\"name\":\"Cibermedio\",\"description\":\"Aprendiendo una cosa nueva todos los d\u00edas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode: Una gu\u00eda completa - Cibermedio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/","og_locale":"es_ES","og_type":"article","og_title":"VPasCode: Una gu\u00eda completa - Cibermedio","og_description":"VPasCode es un editor basado en navegador para crear diagramas y visualizar texto estructurado. Escribes o generas c\u00f3digo en un","og_url":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/","og_site_name":"Cibermedio","article_published_time":"2026-10-13T06:23:43+00:00","article_modified_time":"2026-10-14T05:08:46+00:00","og_image":[{"width":1672,"height":941,"url":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"curtis","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"VPasCode: Una gu\u00eda completa","datePublished":"2026-10-13T06:23:43+00:00","dateModified":"2026-10-14T05:08:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/"},"wordCount":866,"image":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png","articleSection":["Unified Modeling Language","Visual Paradigm","VPasCode Editor"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/","url":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/","name":"VPasCode: Una gu\u00eda completa - Cibermedio","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png","datePublished":"2026-10-13T06:23:43+00:00","dateModified":"2026-10-14T05:08:46+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#primaryimage","url":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png","contentUrl":"https:\/\/www.cybermedian.com\/es\/wp-content\/uploads\/sites\/8\/2026\/10\/img_6acdcd56bcb94.png","width":1672,"height":941},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/es\/vpascode-a-comprehensive-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/es\/"},{"@type":"ListItem","position":2,"name":"VPasCode: Una gu\u00eda completa"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/es\/#website","url":"https:\/\/www.cybermedian.com\/es\/","name":"Cibermedio","description":"Aprendiendo una cosa nueva todos los d\u00edas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.cybermedian.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/comments?post=11510"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/posts\/11510\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media\/11511"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/media?parent=11510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/categories?post=11510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/tags?post=11510"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/es\/wp-json\/wp\/v2\/asset-category?post=11510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}