{"id":2278,"date":"2026-06-20T02:33:55","date_gmt":"2026-06-20T02:33:55","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/"},"modified":"2026-06-20T02:33:55","modified_gmt":"2026-06-20T02:33:55","slug":"your-first-diagram-in-vpascode-a-5-minute-quickstart","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/","title":{"rendered":"S\u01a1 \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong VPasCode \u2013 H\u01b0\u1edbng d\u1eabn nhanh 5 ph\u00fat"},"content":{"rendered":"<header>\n<p class=\"intro\">VPasCode l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 tr\u1ef1c quan v\u00e0 n\u1ec1n t\u1ea3ng th\u1ed1ng nh\u1ea5t<a href=\"https:\/\/www.vpascode.com\/\">chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3<\/a>n\u1ec1n t\u1ea3ng cho ph\u00e9p b\u1ea1n t\u1ea1o s\u01a1 \u0111\u1ed3 b\u1eb1ng c\u00e1c \u0111\u1ecbnh d\u1ea1ng ph\u1ed5 bi\u1ebfn nh\u01b0 PlantUML, Mermaid v\u00e0 Graphviz. V\u1edbi kh\u1ea3 n\u0103ng AI b\u1ea3n \u0111\u1ecba \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n, b\u1ea1n gi\u1edd \u0111\u00e2y c\u00f3 th\u1ec3 t\u1ea1o h\u00ecnh \u1ea3nh tr\u1ef1c ti\u1ebfp t\u1eeb ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean.<\/p>\n<\/header>\n<section>\n<h2>VPasCode l\u00e0 g\u00ec?<\/h2>\n<p>VPasCode (n\u1ec1n t\u1ea3ng s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 c\u1ee7a Visual Paradigm) l\u00e0 m\u1ed9t n\u1ec1n t\u1ea3ng chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3 th\u1ed1ng nh\u1ea5t, cho ph\u00e9p b\u1ea1n t\u1ea1o s\u01a1 \u0111\u1ed3 b\u1eb1ng c\u00e1c \u0111\u1ecbnh d\u1ea1ng ph\u1ed5 bi\u1ebfn nh\u01b0 PlantUML, Mermaid v\u00e0 Graphviz. D\u00f9 b\u1ea1n \u0111ang t\u00e0i li\u1ec7u h\u00f3a ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m, l\u1eadp k\u1ebf ho\u1ea1ch d\u1ef1 \u00e1n hay tr\u1ef1c quan h\u00f3a lu\u1ed3ng d\u1eef li\u1ec7u, VPasCode cung c\u1ea5p tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3 mi\u1ec5n ph\u00ed, b\u1ed9 chuy\u1ec3n \u0111\u1ed5i th\u1eddi gian th\u1ef1c v\u00e0 AI t\u00edch h\u1ee3p \u0111\u1ec3 hi\u1ec7n th\u1ef1c h\u00f3a \u00fd t\u01b0\u1edfng c\u1ee7a b\u1ea1n.<\/p>\n<p>\u0110i\u1ec1u tuy\u1ec7t v\u1eddi nh\u1ea5t? B\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u t\u1ea1o s\u01a1 \u0111\u1ed3 ngay l\u1eadp t\u1ee9c t\u1ea1i<a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">www.vpascode.com<\/a> \u2013 kh\u00f4ng c\u1ea7n \u0111\u0103ng k\u00fd cho c\u00e1c t\u00ednh n\u0103ng c\u01a1 b\u1ea3n. \u0110\u1ec3 xem t\u1ed5ng quan \u0111\u1ea7y \u0111\u1ee7 v\u1ec1 c\u00e1c t\u00ednh n\u0103ng AI b\u1ea3n \u0111\u1ecba m\u1edbi nh\u1ea5t, h\u00e3y xem th\u00f4ng b\u00e1o c\u1ee7a ch\u00fang t\u00f4i<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-ai-diagram-generation-code-modification-update\/\" rel=\"noopener\" target=\"_blank\">Th\u00f4ng b\u00e1o c\u1eadp nh\u1eadt l\u1edbn cho VPasCode<\/a>.<\/p>\n<\/section>\n<section>\n<h2>B\u01b0\u1edbc 1: Truy c\u1eadp VPasCode<\/h2>\n<p>\u0110i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn<a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">www.vpascode.com<\/a>tr\u00ean tr\u00ecnh duy\u1ec7t web c\u1ee7a b\u1ea1n. B\u1ea1n s\u1ebd th\u1ea5y m\u1ed9t giao di\u1ec7n s\u1ea1ch s\u1ebd v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3 \u1edf b\u00ean tr\u00e1i v\u00e0 b\u1ea3ng xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c \u1edf b\u00ean ph\u1ea3i. N\u1ec1n t\u1ea3ng t\u1ea3i ngay l\u1eadp t\u1ee9c v\u1edbi m\u1ed9t s\u01a1 \u0111\u1ed3 m\u1eabu \u0111\u1ec3 gi\u00fap b\u1ea1n hi\u1ec3u c\u00fa ph\u00e1p.<br \/>\n<!-- Image Placeholder 1 --><\/p>\n<figure><img fetchpriority=\"high\" alt=\"VPasCode diagram-as-code tool interface showing live text to diagram preview\" class=\"alignnone\" decoding=\"async\" fetchpriority=\"high\" height=\"792\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a35fc55c2e8b.png\" width=\"1264\"\/><figcaption>Giao di\u1ec7n tr\u1ef1c quan c\u1ee7a VPasCode v\u1edbi ch\u1ec9nh s\u1eeda m\u00e3 song song v\u00e0 xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c<\/figcaption><\/figure>\n<p><strong>M\u00f4 t\u1ea3 h\u00ecnh \u1ea3nh:<\/strong>\u1ea2nh ch\u1ee5p m\u00e0n h\u00ecnh giao di\u1ec7n web VPasCode hi\u1ec3n th\u1ecb b\u1ed1 c\u1ee5c chia \u0111\u00f4i m\u00e0n h\u00ecnh v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3 \u1edf b\u00ean tr\u00e1i hi\u1ec3n th\u1ecb c\u00fa ph\u00e1p Mermaid v\u00e0 s\u01a1 \u0111\u1ed3 lu\u1ed3ng \u0111\u00e3 \u0111\u01b0\u1ee3c render \u1edf b\u00ean ph\u1ea3i, giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng hi\u1ec7n \u0111\u1ea1i, s\u1ea1ch s\u1ebd v\u1edbi thanh c\u00f4ng c\u1ee5 \u1edf ph\u00eda tr\u00ean<\/p>\n<\/section>\n<section>\n<h2>B\u01b0\u1edbc 2: T\u1ea1o s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n (qua l\u1eddi nh\u1eafc AI ho\u1eb7c m\u00e3)<\/h2>\n<p>VPasCode \u0111\u00f3ng vai tr\u00f2 l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 linh ho\u1ea1t h\u1ed7 tr\u1ee3 nhi\u1ec1u \u0111\u1ecbnh d\u1ea1ng. B\u1ea1n c\u00f3 hai c\u00e1ch ch\u00ednh \u0111\u1ec3 x\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3: vi\u1ebft m\u00e3 th\u1ee7 c\u00f4ng ho\u1eb7c t\u1ea1o ch\u00fang ngay l\u1eadp t\u1ee9c b\u1eb1ng AI nh\u00fang.<\/p>\n<h3>T\u00f9y ch\u1ecdn A: T\u1ea1o ngay l\u1eadp t\u1ee9c v\u1edbi AI b\u1ea3n \u0111\u1ecba<\/h3>\n<p>Thay v\u00ec b\u1eaft \u0111\u1ea7u t\u1eeb \u0111\u1ea7u, b\u1ea1n c\u00f3 th\u1ec3 nh\u1eadp l\u1eddi nh\u1eafc b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean tr\u1ef1c ti\u1ebfp trong giao di\u1ec7n \u1ee9ng d\u1ee5ng. V\u00ed d\u1ee5, h\u00e3y th\u1eed nh\u1eadp:<\/p>\n<blockquote><p>&#8220;T\u1ea1o s\u01a1 \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng b\u1eb1ng PlantUML cho h\u1ec7 th\u1ed1ng ATM&#8221;<\/p><\/blockquote>\n<p>VPasCode s\u1ebd ngay l\u1eadp t\u1ee9c t\u1ea1o s\u01a1 \u0111\u1ed3 cho b\u1ea1n m\u1ed9t c\u00e1ch b\u1ea3n \u0111\u1ecba ch\u1ec9 trong v\u00e0i gi\u00e2y. \u0110\u1ec3 xem quy tr\u00ecnh n\u00e0y ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o, h\u00e3y xem video h\u01b0\u1edbng d\u1eabn c\u1ee7a ch\u00fang t\u00f4i:<a href=\"https:\/\/www.youtube.com\/watch?v=RYiG9v_khto\" rel=\"noopener\" target=\"_blank\">T\u1ea1o &amp; Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 nhanh ch\u00f3ng v\u1edbi AI tr\u00ean YouTube<\/a>.<\/p>\n<h3>T\u00f9y ch\u1ecdn B: Vi\u1ebft m\u00e3 s\u01a1 \u0111\u1ed3 lu\u1ed3ng th\u1ee7 c\u00f4ng<\/h3>\n<p>Ngo\u00e0i ra, b\u1ea1n c\u00f3 th\u1ec3 vi\u1ebft ho\u1eb7c d\u00e1n m\u00e3 th\u1ee7 c\u00f4ng. X\u00f3a tr\u00ecnh so\u1ea1n th\u1ea3o v\u00e0 s\u1eed d\u1ee5ng v\u00ed d\u1ee5 s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid \u0111\u01a1n gi\u1ea3n sau:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhyE4wzmuEa75qXEAgB5USCB\" rel=\"noopener noreferrer\" target=\"_blank\">\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>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>\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:eNpLL0osyFAIceFSAALHaKeHu9aXKByZ+HDX8tJYBV1dOwWnar\/DmxWSgTgj\/+GuhWDJ3TPz0hWyMw5vyUu3rwXrdAKprXE+vLlGwTk6pLTy4e72EoWyh7vnZirGIinwBuupUXCJdklNKk2HSLlA7AGzncFs12jvh7v2lyiUZBzelRwLAGmRPGw=\" \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\n    A[B\u1eaft \u0111\u1ea7u] --&gt; B{N\u00f3 c\u00f3 ho\u1ea1t \u0111\u1ed9ng kh\u00f4ng?}\n    B --&gt;|C\u00f3| C[Tuy\u1ec7t v\u1eddi!]\n    B --&gt;|Kh\u00f4ng| D[Debug]\n    D --&gt; B\n    C --&gt; E[K\u1ebft th\u00fac]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceFSAALHaKeHu9aXKByZ+HDX8tJYBV1dOwWnar\/DmxWSgTgj\/+GuhWDJ3TPz0hWyMw5vyUu3rwXrdAKprXE+vLlGwTk6pLTy4e72EoWyh7vnZirGIinwBuupUXCJdklNKk2HSLlA7AGzncFs12jvh7v2lyiUZBzelRwLAGmRPGw=\" \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             <\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhyE4wzmuEa75qXEAgB5USCB\" rel=\"noopener noreferrer\" target=\"_blank\">\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>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<p>C\u00fa ph\u00e1p Mermaid n\u00e0y t\u1ea1o ra m\u1ed9t s\u01a1 \u0111\u1ed3 lu\u1ed3ng quy\u1ebft \u0111\u1ecbnh c\u01a1 b\u1ea3n. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 \u00fd ngh\u0129a c\u1ee7a n\u00f3:<\/p>\n<ul>\n<li><code>graph TD<\/code> \u2013 T\u1ea1o bi\u1ec3u \u0111\u1ed3 theo chi\u1ec1u t\u1eeb tr\u00ean xu\u1ed1ng<\/li>\n<li><code>A[Start]<\/code> \u2013 \u0110\u1ecbnh ngh\u0129a m\u1ed9t n\u00fat c\u00f3 nh\u00e3n &#8220;Start&#8221;<\/li>\n<li><code>--&gt;<\/code> \u2013 T\u1ea1o m\u1ed9t k\u1ebft n\u1ed1i m\u0169i t\u00ean<\/li>\n<li><code>B{Is it working?}<\/code> \u2013 T\u1ea1o m\u1ed9t h\u00ecnh thoi quy\u1ebft \u0111\u1ecbnh<\/li>\n<li><code>|Yes|<\/code> v\u00e0 <code>|No|<\/code> \u2013 Nh\u00e3n cho c\u00e1c nh\u00e1nh quy\u1ebft \u0111\u1ecbnh<\/li>\n<\/ul>\n<figure><img alt=\"Mermaid code editor in VPasCode diagram-as-code tool for text to diagram creation\" class=\"alignnone\" decoding=\"async\" height=\"792\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/06\/img_6a35fcf72021e.png\" width=\"1264\"\/><figcaption>M\u00e3 s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid \u0111\u01a1n gi\u1ea3n t\u1ea1o ra m\u1ed9t s\u01a1 \u0111\u1ed3 quy\u1ebft \u0111\u1ecbnh<\/figcaption><\/figure>\n<p><strong>L\u1eddi nh\u1eafc t\u1ea1o \u1ea3nh:<\/strong>C\u1eadn c\u1ea3nh tr\u00ecnh so\u1ea1n th\u1ea3o VPasCode hi\u1ec3n th\u1ecb m\u00e3 s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid v\u1edbi t\u00f4 m\u00e0u c\u00fa ph\u00e1p, con tr\u1ecf \u0111\u01b0\u1ee3c \u0111\u1eb7t trong v\u00f9ng m\u00e3, ph\u00f4ng ch\u1eef \u0111\u01a1n kho\u1ea3ng c\u00e1ch s\u1ea1ch s\u1ebd<\/p>\n<\/section>\n<section>\n<h2>B\u01b0\u1edbc 3: Xem b\u1ea3n xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c<\/h2>\n<p>Khi b\u1ea1n nh\u1eadp ho\u1eb7c \u0111\u01b0a ra y\u00eau c\u1ea7u, c\u00f4ng c\u1ee5 s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 n\u00e0y s\u1ebd hi\u1ec3n th\u1ecb tr\u1ef1c quan c\u1ee7a b\u1ea1n ngay l\u1eadp t\u1ee9c \u1edf b\u00ean ph\u1ea3i. Kh\u00f4ng c\u1ea7n nh\u1ea5p v\u00e0o &#8220;compile&#8221; ho\u1eb7c &#8220;refresh&#8221; \u2013 \u0111\u1ed9ng c\u01a1 chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3 th\u1eddi gian th\u1ef1c s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt.<\/p>\n<\/section>\n<section>\n<h2>B\u01b0\u1edbc 4: Xu\u1ea5t v\u00e0 chia s\u1ebb s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n<\/h2>\n<p>Khi b\u1ea1n \u0111\u00e3 h\u00e0i l\u00f2ng v\u1edbi s\u01a1 \u0111\u1ed3 c\u1ee7a m\u00ecnh, b\u1ea1n c\u00f3 m\u1ed9t s\u1ed1 t\u00f9y ch\u1ecdn:<\/p>\n<h3>Xu\u1ea5t d\u01b0\u1edbi d\u1ea1ng h\u00ecnh \u1ea3nh<\/h3>\n<p>Nh\u1ea5p v\u00e0o n\u00fat &#8220;Export&#8221; v\u00e0 ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng b\u1ea1n \u01b0a th\u00edch:<\/p>\n<ul>\n<li><strong>SVG<\/strong> \u2013 \u0110\u1ecbnh d\u1ea1ng vector ho\u00e0n h\u1ea3o cho b\u00e0i thuy\u1ebft tr\u00ecnh v\u00e0 t\u00e0i li\u1ec7u (c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng m\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng)<\/li>\n<li><strong>PNG<\/strong> \u2013 \u0110\u1ecbnh d\u1ea1ng \u1ea3nh raster t\u01b0\u01a1ng th\u00edch v\u1edbi m\u1ecdi \u1ee9ng d\u1ee5ng<\/li>\n<\/ul>\n<h3>Chia s\u1ebb qua URL<\/h3>\n<p>VPasCode t\u1ea1o m\u1ed9t URL duy nh\u1ea5t cho s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n. Ch\u1ec9 c\u1ea7n sao ch\u00e9p li\u00ean k\u1ebft t\u1eeb thanh \u0111\u1ecba ch\u1ec9 tr\u00ecnh duy\u1ec7t c\u1ee7a b\u1ea1n v\u00e0 chia s\u1ebb v\u1edbi \u0111\u1ed3ng nghi\u1ec7p. B\u1ea5t k\u1ef3 ai c\u00f3 li\u00ean k\u1ebft \u0111\u1ec1u c\u00f3 th\u1ec3 xem s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n \u2013 kh\u00f4ng c\u1ea7n t\u00e0i kho\u1ea3n.<\/p>\n<\/section>\n<section>\n<h2>Ph\u1ea7n th\u01b0\u1edfng: T\u1eadn d\u1ee5ng c\u00e1c kh\u1ea3 n\u0103ng AI t\u00edch h\u1ee3p trong \u1ee9ng d\u1ee5ng<\/h2>\n<p>VPasCode c\u00f3 t\u00edch h\u1ee3p AI s\u00e2u b\u00ean trong. Ngo\u00e0i vi\u1ec7c t\u1ea1o to\u00e0n b\u1ed9 s\u01a1 \u0111\u1ed3 t\u1eeb c\u00e1c l\u1eddi nh\u1eafc v\u0103n b\u1ea3n nh\u01b0 <em>&#8220;T\u1ea1o bi\u1ec3u \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng b\u1eb1ng PlantUML cho h\u1ec7 th\u1ed1ng ATM&#8221;<\/em>, n\u00f3 c\u0169ng bao g\u1ed3m <a href=\"https:\/\/www.vpascode.com\/never-get-stuck-on-syntax-again-ai-error-fixing-in-vpascode\/\">S\u1eeda l\u1ed7i b\u1eb1ng AI<\/a>. Khi tr\u00ecnh ph\u00e2n t\u00edch ph\u00e1t hi\u1ec7n l\u1ed7i c\u00fa ph\u00e1p, ch\u1ec9 c\u1ea7n nh\u1ea5p v\u00e0o n\u00fat &#8220;S\u1eeda b\u1eb1ng AI&#8221; \u0111\u1ec3 s\u1eeda m\u00e3 c\u1ee7a b\u1ea1n v\u00e0 nh\u1eadn gi\u1ea3i th\u00edch h\u1eefu \u00edch.<\/p>\n<p>AI hi\u1ec3u s\u00e2u c\u00fa ph\u00e1p c\u1ee7a PlantUML, Mermaid v\u00e0 Graphviz, cung c\u1ea5p h\u1ed7 tr\u1ee3 m\u01b0\u1ee3t m\u00e0 d\u00f9 b\u1ea1n \u0111ang t\u1ea1o y\u00eau c\u1ea7u t\u1eeb \u0111\u1ea7u hay g\u1ee1 l\u1ed7i m\u00e3.<\/p>\n<\/section>\n<section>\n<h2>Ti\u1ebfp theo l\u00e0 g\u00ec?<\/h2>\n<p>B\u1ea1n v\u1eeba kh\u00e1m ph\u00e1 nh\u1eefng \u0111i\u1ec1u c\u01a1 b\u1ea3n c\u1ee7a VPasCode! D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 \u00fd t\u01b0\u1edfng \u0111\u1ec3 ti\u1ebfp t\u1ee5c h\u00e0nh tr\u00ecnh c\u1ee7a b\u1ea1n:<\/p>\n<ul>\n<li><strong>Kh\u00e1m ph\u00e1 c\u00e1c lo\u1ea1i bi\u1ec3u \u0111\u1ed3 kh\u00e1c nhau<\/strong> \u2013 H\u00e3y th\u1eed t\u1ea1o bi\u1ec3u \u0111\u1ed3 tr\u00ecnh t\u1ef1, bi\u1ec3u \u0111\u1ed3 l\u1edbp ho\u1eb7c m\u00f4 h\u00ecnh C4 b\u1eb1ng c\u00e1c y\u00eau c\u1ea7u b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean<\/li>\n<li><strong>Th\u1eed nghi\u1ec7m v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng kh\u00e1c<\/strong> \u2013 Chuy\u1ec3n \u0111\u1ed5i m\u01b0\u1ee3t m\u00e0 gi\u1eefa Mermaid, PlantUML v\u00e0 Graphviz<\/li>\n<li><strong>S\u1eed d\u1ee5ng d\u1ecbch AI<\/strong> \u2013 <a href=\"https:\/\/www.vpascode.com\/ai-translation-diagrams-global-teams-vpascode\/\">D\u1ecbch bi\u1ec3u \u0111\u1ed3 c\u1ee7a b\u1ea1n<\/a> c\u00e1c nh\u00e3n sang c\u00e1c ng\u00f4n ng\u1eef kh\u00e1c nhau v\u1edbi s\u1ef1 h\u1ed7 tr\u1ee3 c\u1ee7a AI<\/li>\n<li><strong>T\u00edch h\u1ee3p v\u1edbi t\u00e0i li\u1ec7u<\/strong> \u2013 <a href=\"https:\/\/www.vpascode.com\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/\">G\u1eedi bi\u1ec3u \u0111\u1ed3 c\u1ee7a b\u1ea1n \u0111\u1ebfn Visual Paradigm OpenDocs<\/a> \u0111\u1ec3 c\u00f3 t\u00e0i li\u1ec7u to\u00e0n di\u1ec7n<\/li>\n<\/ul>\n<p>H\u00e3y nh\u1edb r\u1eb1ng, t\u1ea5t c\u1ea3 c\u00e1c t\u00ednh n\u0103ng c\u1ed1t l\u00f5i \u2013 ch\u1ec9nh s\u1eeda bi\u1ec3u \u0111\u1ed3, hi\u1ec3n th\u1ecb th\u1eddi gian th\u1ef1c v\u00e0 xu\u1ea5t \u2013 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed. C\u00e1c t\u00ednh n\u0103ng AI n\u00e2ng cao c\u00f3 s\u1eb5n v\u1edbi Visual Paradigm Online Combo Edition ho\u1eb7c Visual Paradigm Desktop Professional Edition c\u00f3 b\u1ea3o tr\u00ec t\u00edch c\u1ef1c.<\/p>\n<\/section>\n<section class=\"cta\">\n<h2>B\u1eaft \u0111\u1ea7u t\u1ea1o bi\u1ec3u \u0111\u1ed3 ngay h\u00f4m nay<\/h2>\n<p>S\u1eb5n s\u00e0ng tr\u1ea3i nghi\u1ec7m s\u1ee9c m\u1ea1nh c\u1ee7a c\u00f4ng c\u1ee5 bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 hi\u1ec7n \u0111\u1ea1i? Truy c\u1eadp www.vpascode.com \u0111\u1ec3 chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh bi\u1ec3u \u0111\u1ed3 ch\u1ec9 trong v\u00e0i gi\u00e2y. Kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t, kh\u00f4ng c\u1ea7n \u0111\u0103ng k\u00fd \u2013 ch\u1ec9 c\u00f3 n\u0103ng su\u1ea5t t\u1ea1o bi\u1ec3u \u0111\u1ed3 thu\u1ea7n t\u00fay.<\/p>\n<p>Cho d\u00f9 b\u1ea1n l\u00e0 l\u1eadp tr\u00ecnh vi\u00ean t\u00e0i li\u1ec7u h\u00f3a m\u00e3, qu\u1ea3n l\u00fd d\u1ef1 \u00e1n t\u1ea1o l\u1ecbch tr\u00ecnh, hay nh\u00e0 ph\u00e2n t\u00edch kinh doanh \u00e1nh x\u1ea1 quy tr\u00ecnh, VPasCode cung c\u1ea5p c\u00e1c c\u00f4ng c\u1ee5 b\u1ea1n c\u1ea7n \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t \u00fd t\u01b0\u1edfng m\u1ed9t c\u00e1ch tr\u1ef1c quan.<\/p>\n<h2>X\u00e2y d\u1ef1ng bi\u1ec3u \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong v\u00e0i gi\u00e2y<\/h2>\n<p>H\u00e3y th\u1eed c\u00f4ng c\u1ee5 bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 mi\u1ec5n ph\u00ed c\u1ee7a ch\u00fang t\u00f4i ngay h\u00f4m nay. Chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh bi\u1ec3u \u0111\u1ed3 m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng v\u1edbi xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c, t\u1ea1o b\u1eb1ng AI v\u00e0 c\u00e1c t\u00f9y ch\u1ecdn xu\u1ea5t m\u01b0\u1ee3t m\u00e0.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/editor\/\" style=\"display: inline-block; background-color: #0066cc; color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-weight: bold;\">B\u1eaft \u0111\u1ea7u Diagram-as-Code MI\u1ec4N PH\u00cd<\/a><\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"VPasCode l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 tr\u1ef1c quan v\u00e0 n\u1ec1n t\u1ea3ng th\u1ed1ng nh\u1ea5tchuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3n\u1ec1n t\u1ea3ng cho ph\u00e9p b\u1ea1n t\u1ea1o s\u01a1 \u0111\u1ed3 b\u1eb1ng c\u00e1c \u0111\u1ecbnh d\u1ea1ng ph\u1ed5 bi\u1ebfn nh\u01b0 PlantUML, Mermaid v\u00e0&#8230;","protected":false},"author":4,"featured_media":2279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"5-Minute Quickstart Guide | Text to Diagram with VPasCode","_yoast_wpseo_metadesc":"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.","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":""}},"source_url":"","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":[17],"tags":[],"asset-category":[],"class_list":["post-2278","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5-Minute Quickstart Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.\" \/>\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\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5-Minute Quickstart Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-20T02:33:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1264\" \/>\n\t<meta property=\"og:image:height\" content=\"792\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\"},\"headline\":\"S\u01a1 \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong VPasCode \u2013 H\u01b0\u1edbng d\u1eabn nhanh 5 ph\u00fat\",\"datePublished\":\"2026-06-20T02:33:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/\"},\"wordCount\":1959,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/img_6a35fcf72021e-2.png\",\"articleSection\":[\"Getting Started\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/\",\"name\":\"5-Minute Quickstart Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/img_6a35fcf72021e-2.png\",\"datePublished\":\"2026-06-20T02:33:55+00:00\",\"description\":\"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/img_6a35fcf72021e-2.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/img_6a35fcf72021e-2.png\",\"width\":1264,\"height\":792},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/your-first-diagram-in-vpascode-a-5-minute-quickstart\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u01a1 \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong VPasCode \u2013 H\u01b0\u1edbng d\u1eabn nhanh 5 ph\u00fat\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\",\"name\":\"jick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"caption\":\"jick\"},\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/author\\\/jick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5-Minute Quickstart Guide | Text to Diagram with VPasCode","description":"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.","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\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/","og_locale":"vi_VN","og_type":"article","og_title":"5-Minute Quickstart Guide | Text to Diagram with VPasCode","og_description":"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.","og_url":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/","og_site_name":"VPasCode","article_published_time":"2026-06-20T02:33:55+00:00","og_image":[{"width":1264,"height":792,"url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png","type":"image\/png"}],"author":"jick","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":false,"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/"},"author":{"name":"jick","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6"},"headline":"S\u01a1 \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong VPasCode \u2013 H\u01b0\u1edbng d\u1eabn nhanh 5 ph\u00fat","datePublished":"2026-06-20T02:33:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/"},"wordCount":1959,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png","articleSection":["Getting Started"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/","url":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/","name":"5-Minute Quickstart Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png","datePublished":"2026-06-20T02:33:55+00:00","description":"Get started with VPasCode in just five minutes. Learn how to create, preview, and export visual charts using this free diagram-as-code tool and text to diagram editor.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#primaryimage","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a35fcf72021e-2.png","width":1264,"height":792},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/your-first-diagram-in-vpascode-a-5-minute-quickstart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"S\u01a1 \u0111\u1ed3 \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n trong VPasCode \u2013 H\u01b0\u1edbng d\u1eabn nhanh 5 ph\u00fat"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6","name":"jick","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","caption":"jick"},"url":"https:\/\/www.vpascode.com\/vn\/author\/jick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts\/2278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/comments?post=2278"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts\/2278\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media\/2279"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/categories?post=2278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/tags?post=2278"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/asset-category?post=2278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}