{"id":2134,"date":"2026-05-26T06:25:01","date_gmt":"2026-05-26T06:25:01","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/docs\/uncategorized\/60-second-vpascode-quickstart-guide\/"},"modified":"2026-05-26T06:25:01","modified_gmt":"2026-05-26T06:25:01","slug":"60-second-vpascode-quickstart-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","title":{"rendered":"Guia R\u00e1pido de 60 Segundos para VPasCode"},"content":{"rendered":"<p>Come\u00e7ando com <strong>Visual Paradigm VPasCode<\/strong> leva menos de um minuto. Como a plataforma \u00e9 totalmente nativa em nuvem, voc\u00ea n\u00e3o precisa instalar runtime do Java, configurar m\u00f3dulos do Node.js ou baixar depend\u00eancias pesadas de extens\u00f5es de IDE. Voc\u00ea pode passar da sintaxe de texto bruto para um diagrama visual de alta fidelidade em apenas tr\u00eas etapas simples.<\/p>\n<p>Siga este guia r\u00e1pido para criar, personalizar e compartilhar seu primeiro ativo Diagrama como C\u00f3digo (DaC).<\/p>\n<h2>Etapa 1: Abra o Editor ao Vivo<\/h2>\n<p>Navegue at\u00e9 o site gratuito <a href=\"https:\/\/www.vpascode.com\/editor\/\" rel=\"noopener\" target=\"_blank\"><strong>VPasCode Playground<\/strong><\/a>. Por padr\u00e3o, voc\u00ea ser\u00e1 recebido por uma interface moderna de dois pain\u00e9is:<\/p>\n<ul>\n<li><strong>O Painel Esquerdo (Editor de C\u00f3digo):<\/strong> Um editor de texto leve e de alto desempenho com realce autom\u00e1tico de sintaxe, n\u00fameros de linha e detec\u00e7\u00e3o ativa de erros.<\/li>\n<li><strong>O Painel Direito (Janela de Visualiza\u00e7\u00e3o em Tempo Real):<\/strong> Um renderizador de diagrama em tempo real que atualiza seu layout visual automaticamente enquanto voc\u00ea digita ou modifica sua representa\u00e7\u00e3o de texto.<\/li>\n<\/ul>\n<h2>Etapa 2: Escolha seu Motor e Cole um Modelo<\/h2>\n<p>O VPasCode reconhece automaticamente sua sintaxe. Para ver isso em a\u00e7\u00e3o, limpe qualquer texto de espa\u00e7o reservado no painel esquerdo e copie e cole um dos seguintes exemplos b\u00e1sicos no editor:<\/p>\n<h3>Op\u00e7\u00e3o A: Fluxograma em Markdown (Sintaxe Mermaid)<\/h3>\n<p>Se voc\u00ea preferir um layout de fluxograma \u00e1gil e de cima para baixo, use este bloco simples:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVyrEKwjAURuFd8B3uqENfQUgTkW6irUvIcE1\/bLBEm6QVsb67Uh30rOc7Bb42VKr5jN4JLVsHn2iHrkdMhrJsRflDbAvacMKN78+PzKczHrh1NZWXM\/xIUos+NbRHGJyF+YOFH36p0sJaxEgK3qH+WjnZtV5UEYEUJz5yxNK8AOH7MTU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptjEEKwjAURPeCd\/hLXfQKQtqKdCNCq5vQRUg+9WNJpEkrYj1McdGD5GLGlu6c1cDMe1Uj7lco0vUKQhjPTU2SnPCj\/xhQBpKaUDssIYp2EL8OwuFDPEEJYKfsPWPxNPaFuaGGix9qUqaHhOfYdOTH4EFgrQsekrO5\/ANmulvQlDOJ1ho4YiXU8k6m955vYqHlJE3DaH\/lbFs\/NGTstvwCDgBGpA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\r\n    A[Solicita\u00e7\u00e3o do Cliente] --&gt; B{Gateway da API}\r\n    B --&gt; |Token V\u00e1lido| C[Servi\u00e7o de Autentica\u00e7\u00e3o]\r\n    B --&gt; |Token Inv\u00e1lido| D[Acesso Negado]\r\n    C --&gt; E[(Banco de Dados de Usu\u00e1rios)]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptjEEKwjAURPeCd\/hLXfQKQtqKdCNCq5vQRUg+9WNJpEkrYj1McdGD5GLGlu6c1cDMe1Uj7lco0vUKQhjPTU2SnPCj\/xhQBpKaUDssIYp2EL8OwuFDPEEJYKfsPWPxNPaFuaGGix9qUqaHhOfYdOTH4EFgrQsekrO5\/ANmulvQlDOJ1ho4YiXU8k6m955vYqHlJE3DaH\/lbFs\/NGTstvwCDgBGpA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVyrEKwjAURuFd8B3uqENfQUgTkW6irUvIcE1\/bLBEm6QVsb67Uh30rOc7Bb42VKr5jN4JLVsHn2iHrkdMhrJsRflDbAvacMKN78+PzKczHrh1NZWXM\/xIUos+NbRHGJyF+YOFH36p0sJaxEgK3qH+WjnZtV5UEYEUJz5yxNK8AOH7MTU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"EHwkVSf\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-492\" decoding=\"async\" fetchpriority=\"high\" height=\"560\" sizes=\"(max-width: 424px) 100vw, 424px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png 424w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312-227x300.png 227w\" width=\"424\"\/><\/p>\n<h3>Op\u00e7\u00e3o B: Componente de Arquitetura de Software (Sintaxe PlantUML)<\/h3>\n<p>Se voc\u00ea quiser mapear componentes estruturados do sistema com delimita\u00e7\u00e3o formal, use este bloco:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RO_D2i9038JlXNs7iFVs0Jn8Yu882jeA7ieUqcveW_rPjX5HyTrTUz63SmhCv4icdGIzNFjEHGxh2pO4EdEkung5nm5EJ5x3KqKGL9wfWk0QY3qthSHBABF35ZOeTCExKT5BHHO5Avm2PnqcA6JqWVfb_2v0_44KnntiaGVpBv4a8P6JvGbMMBTaO04w9xGmEk6U7_EVUZwTqc13bJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOyn2i9044NxXRt3a3uvW8KO54GGZLfOX1IJx803IJPiHaN5qrXOUOfSp8qf1C4fX__V_t_I2ZevLgLM3HPM289LzpfH2OOWRaeki7js3nl0JIlmbmvFuPE5FUKPX8OTiM0uXdIEGcUyW468aqMcrLqhhGmAvjXwTEmgl5AD5TLY-uGP6jj-sJz-27leRhE4n75TS8DbzaSPHLuvnU90i2N3RGOZ2DR25L-70NtQqlSyEWm-lIPK6x_x3G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npacote \"N\u00edvel de Aplica\u00e7\u00e3o\" {\r\n    [Aplicativo Web] -direita-&gt; [Gateway da API]\r\n}\r\n\r\ndatabase \"Armazenamento de Dados\" {\r\n    [Gateway da API] --&gt; [SQL Principal]\r\n    [Gateway da API] ..&gt; [Cache Redis] : \"Otimiza\u00e7\u00e3o de Leitura\"\r\n}\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOyn2i9044NxXRt3a3uvW8KO54GGZLfOX1IJx803IJPiHaN5qrXOUOfSp8qf1C4fX__V_t_I2ZevLgLM3HPM289LzpfH2OOWRaeki7js3nl0JIlmbmvFuPE5FUKPX8OTiM0uXdIEGcUyW468aqMcrLqhhGmAvjXwTEmgl5AD5TLY-uGP6jj-sJz-27leRhE4n75TS8DbzaSPHLuvnU90i2N3RGOZ2DR25L-70NtQqlSyEWm-lIPK6x_x3G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RO_D2i9038JlXNs7iFVs0Jn8Yu882jeA7ieUqcveW_rPjX5HyTrTUz63SmhCv4icdGIzNFjEHGxh2pO4EdEkung5nm5EJ5x3KqKGL9wfWk0QY3qthSHBABF35ZOeTCExKT5BHHO5Avm2PnqcA6JqWVfb_2v0_44KnntiaGVpBv4a8P6JvGbMMBTaO04w9xGmEk6U7_EVUZwTqc13bJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Plantuml no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"RyuKigz\"><img alt=\"\" class=\"alignnone size-full wp-image-493\" decoding=\"async\" height=\"261\" sizes=\"(max-width: 367px) 100vw, 367px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403.png 367w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c07cf2403-300x213.png 300w\" width=\"367\"\/><\/p>\n<p>No momento em que voc\u00ea cola o c\u00f3digo, o painel da direita compilar\u00e1 imediatamente seu texto e exibir\u00e1 seu diagrama visual limpo e perfeitamente alinhado.<\/p>\n<h2>Etapa 3: Exporte e Compartilhe seu Trabalho<\/h2>\n<p>Assim que voc\u00ea estiver satisfeito com seu layout, poder\u00e1 exportar ou compartilhar seu documento instantaneamente usando a barra de controle de trabalho localizada na parte superior da interface:<\/p>\n<ol>\n<li><strong>Copiar URL compartilh\u00e1vel:<\/strong> Clique no <strong>Compartilhar<\/strong> bot\u00e3o para gerar um link instant\u00e2neo. O VPasCode utiliza serializa\u00e7\u00e3o de estado sem banco de dados, o que significa que todo o texto do seu diagrama \u00e9 compactado de forma segura diretamente na hash da URL. Qualquer pessoa que clicar no seu link poder\u00e1 visualizar e editar o modelo de c\u00f3digo exato instantaneamente.<\/li>\n<li><strong>Baixar vetor de alta resolu\u00e7\u00e3o (SVG):<\/strong> Clique no <strong>Exportar SVG<\/strong> bot\u00e3o para baixar um ativo vetorial escal\u00e1vel. Isso \u00e9 perfeito para incorpora\u00e7\u00f5es limpas em reposit\u00f3rios Git, wikis da equipe ou arquivos de documenta\u00e7\u00e3o em markdown para engenharia interna.<\/li>\n<li><strong>Baixar imagem est\u00e1tica (PNG):<\/strong> Clique em <strong>Exportar PNG<\/strong> para obter uma captura de alta resolu\u00e7\u00e3o pronta para ser inserida diretamente no Slack, no Microsoft Teams ou em apresenta\u00e7\u00f5es de design.<\/li>\n<\/ol>\n<p>Agora que voc\u00ea renderizou seu primeiro ativo, explore as pr\u00f3ximas se\u00e7\u00f5es da nossa documenta\u00e7\u00e3o para dominar os m\u00e9todos individuais de design do <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/plantuml-playbook\/\"><strong>Playbook do PlantUML<\/strong><\/a>, <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\"><strong>Playbook do Mermaid<\/strong><\/a>, e <a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/graphviz-playbook\/\"><strong>Playbook do Graphviz<\/strong><\/a> m\u00e9todos de design!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come\u00e7ando com Visual Paradigm VPasCode leva menos de um minuto. Como a plataforma \u00e9 totalmente nativa em nuvem, voc\u00ea n\u00e3o precisa instalar runtime do Java, configurar m\u00f3dulos do Node.js ou baixar depend\u00eancias pesadas de extens\u00f5es de IDE. Voc\u00ea pode passar&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":2,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2134","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>60-Second Quickstart Guide | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\" \/>\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.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"60-Second Quickstart Guide | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\",\"name\":\"60-Second Quickstart Guide | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\",\"datePublished\":\"2026-05-26T06:25:01+00:00\",\"description\":\"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a17c06358312.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/60-second-vpascode-quickstart-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guia R\u00e1pido de 60 Segundos para VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","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.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","og_locale":"pt_PT","og_type":"article","og_title":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","og_description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/","name":"60-Second Quickstart Guide | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","datePublished":"2026-05-26T06:25:01+00:00","description":"Learn how to write, render, and export your first script in under a minute with VPasCode, your web-based diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a17c06358312.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/60-second-vpascode-quickstart-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/pt\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Guia R\u00e1pido de 60 Segundos para VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/pt\/#website","url":"https:\/\/www.vpascode.com\/pt\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/pt\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs\/2134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/media?parent=2134"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_collection?post=2134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}