{"id":2760,"date":"2026-07-28T11:59:41","date_gmt":"2026-07-28T03:59:41","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/"},"modified":"2026-07-28T11:59:41","modified_gmt":"2026-07-28T03:59:41","slug":"free-jsonc-editor-online-jsonc-diagram-tool-announcement","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/","title":{"rendered":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng: Gi\u1edbi thi\u1ec7u t\u00ednh n\u0103ng h\u1ed7 tr\u1ee3 JSONC trong VPasCode"},"content":{"rendered":"<p><img fetchpriority=\"high\" alt=\"graphic for VPasCode announcement: Visualize JSON with Comments. A two-column diagram-as-code illustration showing JSONC text with inline comments on the left, instantly transforming into an interactive, glowing graphical node visualization on the right. Includes titles: 'VISUALIZE JSON WITH COMMENTS' and 'Instantly Generate Interactive Graphs from JSONC Files.'\" class=\"alignnone size-full wp-image-3381\" decoding=\"async\" fetchpriority=\"high\" height=\"816\" sizes=\"(max-width: 1312px) 100vw, 1312px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg 1312w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/vpascode-free-jsonc-editor-hero-banner-300x187.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/vpascode-free-jsonc-editor-hero-banner-1024x637.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/vpascode-free-jsonc-editor-hero-banner-768x478.jpg 768w\" width=\"1312\"\/><\/p>\n<p>T\u1ea1i Visual Paradigm, ch\u00fang t\u00f4i cam k\u1ebft l\u00e0m cho diagram-as-code tr\u1edf n\u00ean d\u1ec5 ti\u1ebfp c\u1eadn, li\u1ec1n m\u1ea1ch v\u00e0 linh ho\u1ea1t nh\u1ea5t c\u00f3 th\u1ec3. H\u00f4m nay, ch\u00fang t\u00f4i r\u1ea5t vui m\u1eebng th\u00f4ng b\u00e1o v\u1ec1 m\u1ed9t c\u1ea3i ti\u1ebfn l\u1edbn cho Visual Paradigm<strong>VPasCode<\/strong>: h\u1ed7 tr\u1ee3 ch\u00ednh th\u1ee9c cho<strong>JSONC (JSON v\u1edbi ch\u00fa th\u00edch)<\/strong> tr\u1ef1c quan h\u00f3a!<\/p>\n<p>C\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 ki\u1ebfn tr\u00fac s\u01b0 h\u1ec7 th\u1ed1ng th\u01b0\u1eddng xuy\u00ean l\u00e0m vi\u1ec7c v\u1edbi c\u00e1c t\u1ec7p c\u1ea5u h\u00ecnh nh\u01b0<code>tsconfig.json<\/code>, <code>settings.json<\/code>, ho\u1eb7c<code>package.json<\/code>. Trong khi JSON ti\u00eau chu\u1ea9n ph\u1ed5 bi\u1ebfn r\u1ed9ng r\u00e3i, n\u00f3 nghi\u00eam ng\u1eb7t c\u1ea5m ch\u00fa th\u00edch\u2014b\u1eaft c\u00e1c \u0111\u1ed9i ph\u1ea3i l\u1ef1a ch\u1ecdn gi\u1eefa c\u00fa ph\u00e1p nghi\u00eam ng\u1eb7t v\u00e0 ng\u1eef c\u1ea3nh r\u00f5 r\u00e0ng. JSONC gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y b\u1eb1ng c\u00e1ch cho ph\u00e9p ch\u00fa th\u00edch d\u00f2ng v\u00e0 ch\u00fa th\u00edch kh\u1ed1i. V\u1edbi b\u1ea3n c\u1eadp nh\u1eadt m\u1edbi nh\u1ea5t, b\u1ea1n gi\u1edd \u0111\u00e2y c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng VPasCode nh\u01b0 m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed, \u0111\u1ea7y \u0111\u1ee7 t\u00ednh n\u0103ng<strong>tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed<\/strong> v\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a JSONC tr\u1ef1c tuy\u1ebfn<strong>c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a JSONC tr\u1ef1c tuy\u1ebfn<\/strong> \u0111\u1ec3 chuy\u1ec3n \u0111\u1ed5i c\u00e1c t\u1ec7p c\u1ea5u h\u00ecnh ph\u1ee9c t\u1ea1p th\u00e0nh s\u01a1 \u0111\u1ed3 tr\u1ef1c quan r\u00f5 r\u00e0ng ngay l\u1eadp t\u1ee9c.<\/p>\n<h2>VPasCode l\u00e0 g\u00ec?<\/h2>\n<p>N\u1ebfu b\u1ea1n m\u1edbi l\u00e0m quen v\u1edbi VPasCode, ch\u00e0o m\u1eebng b\u1ea1n! VPasCode (vi\u1ebft t\u1eaft c\u1ee7a n\u1ec1n t\u1ea3ng diagram-as-code c\u1ee7a Visual Paradigm)<a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\">n\u1ec1n t\u1ea3ng diagram-as-code<\/a>) l\u00e0 m\u1ed9t m\u00f4i tr\u01b0\u1eddng d\u1ef1a tr\u00ean web th\u1ed1ng nh\u1ea5t \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n v\u00e0 \u0111o\u1ea1n m\u00e3 th\u00e0nh c\u00e1c s\u01a1 \u0111\u1ed3 \u0111\u1eb9p m\u1eaft, chuy\u00ean nghi\u1ec7p. Thay v\u00ec v\u1ebd th\u1ee7 c\u00f4ng c\u00e1c h\u00ecnh d\u1ea1ng v\u00e0 \u0111\u01b0\u1eddng n\u1ed1i, VPasCode cho ph\u00e9p b\u1ea1n g\u00f5 ho\u1eb7c d\u00e1n m\u00e3 c\u1ee7a m\u00ecnh, trong khi \u0111\u1ed9ng c\u01a1 s\u1ebd hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp c\u00e1c bi\u1ec3u di\u1ec5n tr\u1ef1c quan ngay b\u00ean c\u1ea1nh.<\/p>\n<p>VPasCode h\u1ed7 tr\u1ee3 m\u1ed9t h\u1ec7 sinh th\u00e1i r\u1ed9ng l\u1edbn c\u00e1c \u0111\u1ecbnh d\u1ea1ng chuy\u1ec3n \u0111\u1ed5i t\u1eeb v\u0103n b\u1ea3n sang s\u01a1 \u0111\u1ed3 v\u00e0 c\u00e1c ng\u00f4n ng\u1eef chuy\u00ean bi\u1ec7t l\u0129nh v\u1ef1c, bao g\u1ed3m:<\/p>\n<ul>\n<li><strong>C\u00e1c DSL s\u01a1 \u0111\u1ed3 v\u00e0 tr\u1ef1c quan h\u00f3a:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-plantuml-sequence-diagram-builder\/\">PlantUML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\">Mermaid<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\">Graphviz<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-mind-map-tool-vpascode-markmap\/\">Markmap<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-chart-generation-create-with-chatbot-edit-with-vpascode\/\">ECharts<\/a><\/li>\n<li><strong>\u0110\u1ecbnh d\u1ea1ng d\u1eef li\u1ec7u c\u00f3 c\u1ea5u tr\u00fac:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-json-editor-visualizer-vpascode-update\/\">JSON<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\">JSONC<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-yaml-diagram-tool-vpascode-update\/\">YAML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-xml-visualization-announcement\/\">XML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-csv-diagram-tool-vpascode-update\/\">CSV<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-supports-toml-visualization\/\">TOML<\/a><\/li>\n<li><strong>Ng\u00f4n ng\u1eef c\u01a1 s\u1edf d\u1eef li\u1ec7u:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-sql-to-erd-tool-online-editor\/\">SQL<\/a> (DDL, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-new-types-dfd-erd\/\">ERD<\/a> t\u1ea1o l\u1eadp)<\/li>\n<li><strong>Ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-java-code-to-uml-class-diagram\/\">Java<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/typescript-to-uml-class-diagram-generator\/\">TypeScript<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-visualize-go-uml-class-diagram\/\">Go<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-rust-code-uml-diagram-as-code\/\">Rust<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-csharp-to-uml-class-diagram-update\/\">C#<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-python-code-as-uml-class-diagrams-vpascode\/\">Python<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-c-code-uml-class-diagram-vpascode\/\">C<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-cpp-code-as-uml-class-diagram-vpascode\/\">C++<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-php-code-uml-class-diagram-vpascode\/\">PHP<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ruby-uml-class-diagram-as-code-vpascode\/\">Ruby<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-scala-code-uml-class-diagram-vpascode\/\">Scala<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-zig-code-uml-class-diagrams-vpascode\/\">Zig<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-kotlin-uml-class-diagram-generator\/\">Kotlin<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-swift-code-uml-class-diagram-vpascode\/\">Swift<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-elixir-code-as-uml-class-diagrams-vpascode\/\">Elixir<\/a><\/li>\n<\/ul>\n<p>D\u00f9 b\u1ea1n c\u1ea7n m\u1ed9t <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-plantuml-sequence-diagram-builder\/\">PlantUML<\/a> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-plantuml-sequence-diagram-builder\/\">S\u01a1 \u0111\u1ed3 tu\u1ea7n t\u1ef1<\/a>, m\u1ed9t <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\">Mermaid<\/a> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/next-gen-ai-flowchart-generator-clearer-process-workflows-made-simple\/\">S\u01a1 \u0111\u1ed3 lu\u1ed3ng<\/a>, m\u1ed9t <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-sql-to-erd-tool-online-editor\/\">SQL<\/a> s\u01a1 \u0111\u1ed3 quan h\u1ec7 th\u1ef1c th\u1ec3, ho\u1eb7c m\u1ed9t c\u00e2y tr\u1ef1c quan c\u1ee7a m\u1ed9t t\u1ec7p c\u1ea5u tr\u00fac ph\u1ee9c t\u1ea1p, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-visual-paradigm-18-1-a-new-era-of-unified-ecosystems-and-ai-driven-innovation\/\">VPasCode<\/a> ph\u1ee5c v\u1ee5 nh\u01b0 ph\u00f2ng thu to\u00e0n di\u1ec7n c\u1ee7a b\u1ea1n. B\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00eam tr\u00ean trang ch\u00ednh th\u1ee9c <a href=\"https:\/\/www.vpascode.com\/overview\/\">Trang t\u00ednh n\u0103ng v\u00e0 t\u1ed5ng quan c\u1ee7a VPasCode<\/a>.<\/p>\n<h2>T\u1ea1i sao vi\u1ec7c tr\u1ef1c quan h\u00f3a JSONC l\u1ea1i quan tr\u1ecdng<\/h2>\n<p>C\u00e1c c\u00f4ng c\u1ee5 x\u00e2y d\u1ef1ng hi\u1ec7n \u0111\u1ea1i, c\u00f4ng c\u1ee5 ki\u1ec3m tra m\u00e3 v\u00e0 tr\u00ecnh bi\u00ean d\u1ecbch ph\u1ee5 thu\u1ed9c r\u1ea5t nhi\u1ec1u v\u00e0o JSONC \u0111\u1ec3 ghi ch\u00fa c\u00e1c c\u1edd c\u1ea5u h\u00ecnh ngay trong file. Tuy nhi\u00ean, khi c\u00e1c c\u00e2y c\u1ea5u h\u00ecnh tr\u1edf n\u00ean l\u1edbn h\u01a1n, vi\u1ec7c \u0111\u1ecdc qua c\u00e1c kh\u00f3a l\u1ed3ng gh\u00e9p s\u00e2u v\u00e0 c\u00e1c b\u00ecnh lu\u1eadn b\u00ean trong d\u00e0i d\u00f2ng c\u00f3 th\u1ec3 tr\u1edf n\u00ean nh\u00e0m ch\u00e1n.<\/p>\n<p>B\u1eb1ng c\u00e1ch t\u1eadn d\u1ee5ng VPasCode nh\u01b0 c\u00f4ng c\u1ee5 h\u00e0ng \u0111\u1ea7u c\u1ee7a b\u1ea1n<strong>tr\u1ef1c tuy\u1ebfn t\u1ea1o s\u01a1 \u0111\u1ed3 JSONC<\/strong>, b\u1ea1n c\u00f3 th\u1ec3 chuy\u1ec3n \u0111\u1ed5i c\u00e1c c\u1ea5u tr\u00fac c\u1ea5u h\u00ecnh d\u00e0y \u0111\u1eb7c th\u00e0nh c\u00e1c bi\u1ec3u \u0111\u1ed3 ph\u00e2n c\u1ea5p s\u1ea1ch s\u1ebd, t\u01b0\u01a1ng t\u00e1c \u0111\u01b0\u1ee3c, \u0111\u1ed3ng th\u1eddi gi\u1eef nguy\u00ean t\u00e0i li\u1ec7u ch\u00fa th\u00edch b\u00ean trong. N\u00f3 k\u1ebft h\u1ee3p s\u1ee9c m\u1ea1nh c\u1ee7a m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda JSONC hi\u1ec7n \u0111\u1ea1i<strong>tr\u00ecnh ch\u1ec9nh s\u1eeda JSONC mi\u1ec5n ph\u00ed<\/strong>v\u1edbi kh\u1ea3 n\u0103ng hi\u1ec3n th\u1ecb tr\u1ef1c quan t\u1ee9c th\u00ec.<\/p>\n<h2>C\u00e1ch ho\u1ea1t \u0111\u1ed9ng: M\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf<\/h2>\n<p>L\u00e0m vi\u1ec7c v\u1edbi JSONC trong VPasCode tu\u00e2n theo tr\u1ea3i nghi\u1ec7m hai khung c\u1eeda s\u1ed5 \u0111\u01a1n gi\u1ea3n t\u01b0\u01a1ng t\u1ef1 nh\u01b0 c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 kh\u00e1c c\u1ee7a ch\u00fang t\u00f4i. \u1ede ph\u00eda b\u00ean tr\u00e1i m\u00e0n h\u00ecnh, b\u1ea1n c\u00f3 th\u1ec3 vi\u1ebft ho\u1eb7c d\u00e1n c\u00fa ph\u00e1p JSON c\u00f3 ch\u00fa th\u00edch c\u1ee7a m\u00ecnh v\u00e0o trong<strong>tr\u00ecnh ch\u1ec9nh s\u1eeda JSONC mi\u1ec5n ph\u00ed<\/strong>. \u1ede ph\u00eda b\u00ean ph\u1ea3i, VPasCode ngay l\u1eadp t\u1ee9c hi\u1ec3n th\u1ecb bi\u1ec3u \u0111\u1ed3 \u0111\u1ed9ng t\u01b0\u01a1ng \u1ee9ng.<\/p>\n<p id=\"BANCsJC\"><img alt=\"Editing JSONC code in VPasCode, a diagram-as-code tool that supports multiple languages and formats, including but not limited to PlantUML, Mermaid, Graphviz, ECharts, Markmap, SQL and various programming languages.\" class=\"alignnone wp-image-3385 size-full\" decoding=\"async\" height=\"900\" sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a6828715e2e9.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a6828715e2e9.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a6828715e2e9-300x193.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a6828715e2e9-1024x658.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a6828715e2e9-768x494.png 768w\" width=\"1400\"\/><\/p>\n<p>H\u00e3y xem x\u00e9t file chu\u1ea9n n\u00e0y<code>tsconfig.json<\/code>v\u1edbi c\u00e1c c\u1edd bi\u00ean d\u1ecbch hi\u1ec7n \u0111\u1ea1i v\u00e0 ch\u00fa th\u00edch d\u00f2ng \u0111\u01a1n:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">JSONC<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#jsonc:eNpdUE1PAjEQvZPwH5oeCbqEoyej8YZoRE+GmNqOUCht05kma8j+d6dbV4ReOvM+5mXmOB4J0TTi9TvCSicbSehwiNZB4sJ\/2U1OimzwRScH6ikWCOWNOBacGVJpA8SAfFjNZ\/OZnIrT4\/mPwUDyosp+PYdgsoPqWUJLcnpGvAAGl0tQkdxlbzj5T4OUrC6BlDIMoA9vPiOYRdDK4QWJexsX9vN+C3p\/Qe2wLRkJlKar0gxEVLT9tyYjt82E+3d53WDSXK\/P1nxmvVDOKgSslq58XT9PWq9dNtD7e\/ekDKgctCfO87E+6hGQDymNRZLr8aj7AYPndiI=\" 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>Ch\u1ec9nh s\u1eeda JSONC trong 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\">JSONC<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#jsonc:eNpdULFOwzAQ3Sv1HyyPVSFVRyZExVZAomVCFUrtU2Oa2pF9loKqzAyIgQ9gYOgCDMzJ2Ir\/8J9gJ5TSejnfe773fG\/ZbhESRWTgypUlyfpTJgR1XaZi\/S4Jd9UTS8j4IYMR0yLDMECZWmQiBX2VoVDS0BOyDLhnMNYzQA\/Q81G\/1+\/RLtkdb3ThqhUj6LW9nXDVoySbF1e+id\/5heI2hWb+EnKk3T3iGoxKbTANT86s5P4Xf28MasGCOWoLW1CqG2kN8KFicWoOSDMX2VBMBwmw+QF1b\/LgoSFmeBSaLZHFmPxb2SOnUcf3t\/Q4Mpr5+2Rv5XHIUa9LJDNXPYd9v79c9SpnPtzyQzYqRShFbUGFZKnlUEvWgp2g2XCQ7zipONw1uRifM+XCIJ20W8UPX0GRTQ==\" \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 JSONC in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-jsonc\"><code class=\"language-jsonc\" data-language=\"jsonc\" class=\"language-jsonc\">{\r\n  \/\/ C\u1ea5u h\u00ecnh tr\u00ecnh bi\u00ean d\u1ecbch TypeScript\r\n  \"compilerOptions\": {\r\n    \"target\": \"ES2020\",           \/\/ M\u1ee5c ti\u00eau hi\u1ec7n \u0111\u1ea1i\r\n    \"module\": \"ESNext\",\r\n    \"moduleResolution\": \"Bundler\",\r\n    \"strict\": true,\r\n    \"noUnusedLocals\": true,\r\n    \"skipLibCheck\": true,\r\n    \"jsx\": \"react-jsx\",\r\n    \"paths\": {\r\n      \"@\/*\": [\".\/src\/*\"]          \/\/ T\u00ean r\u00fat g\u1ecdn \u0111\u01b0\u1eddng d\u1eabn\r\n    }\r\n  },\r\n  \"include\": [\"src\/**\/*\"],\r\n  \"exclude\": [\"node_modules\", \"dist\"]\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#jsonc:eNpdULFOwzAQ3Sv1HyyPVSFVRyZExVZAomVCFUrtU2Oa2pF9loKqzAyIgQ9gYOgCDMzJ2Ir\/8J9gJ5TSejnfe773fG\/ZbhESRWTgypUlyfpTJgR1XaZi\/S4Jd9UTS8j4IYMR0yLDMECZWmQiBX2VoVDS0BOyDLhnMNYzQA\/Q81G\/1+\/RLtkdb3ThqhUj6LW9nXDVoySbF1e+id\/5heI2hWb+EnKk3T3iGoxKbTANT86s5P4Xf28MasGCOWoLW1CqG2kN8KFicWoOSDMX2VBMBwmw+QF1b\/LgoSFmeBSaLZHFmPxb2SOnUcf3t\/Q4Mpr5+2Rv5XHIUa9LJDNXPYd9v79c9SpnPtzyQzYqRShFbUGFZKnlUEvWgp2g2XCQ7zipONw1uRifM+XCIJ20W8UPX0GRTQ==\" \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 JSONC 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\/#jsonc:eNpdUE1PAjEQvZPwH5oeCbqEoyej8YZoRE+GmNqOUCht05kma8j+d6dbV4ReOvM+5mXmOB4J0TTi9TvCSicbSehwiNZB4sJ\/2U1OimzwRScH6ikWCOWNOBacGVJpA8SAfFjNZ\/OZnIrT4\/mPwUDyosp+PYdgsoPqWUJLcnpGvAAGl0tQkdxlbzj5T4OUrC6BlDIMoA9vPiOYRdDK4QWJexsX9vN+C3p\/Qe2wLRkJlKar0gxEVLT9tyYjt82E+3d53WDSXK\/P1nxmvVDOKgSslq58XT9PWq9dNtD7e\/ekDKgctCfO87E+6hGQDymNRZLr8aj7AYPndiI=\" 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>Ch\u1ec9nh s\u1eeda JSONC trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Khi d\u00e1n v\u00e0o c\u00f4ng c\u1ee5<strong>tr\u1ef1c tuy\u1ebfn t\u1ea1o s\u01a1 \u0111\u1ed3 JSONC<\/strong>, VPasCode ph\u00e2n t\u00edch c\u1ea5u tr\u00fac \u0111\u1ed1i t\u01b0\u1ee3ng, lo\u1ea1i b\u1ecf ho\u1eb7c gi\u1eef l\u1ea1i ng\u1eef c\u1ea3nh ph\u00f9 h\u1ee3p, v\u00e0 t\u1ea1o ra bi\u1ec3u di\u1ec5n tr\u1ef1c quan cho th\u1ea5y c\u00e1ch c\u00e1c thu\u1ed9c t\u00ednh<code>compilerOptions<\/code>, <code>include<\/code>, v\u00e0<code>exclude<\/code>thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u1ef1c quan. \u0110i\u1ec1u n\u00e0y gi\u00fap ki\u1ec3m tra c\u00e1c c\u00e0i \u0111\u1eb7t d\u1ef1 \u00e1n ph\u1ee9c t\u1ea1p tr\u1edf n\u00ean d\u1ec5 d\u00e0ng trong qu\u00e1 tr\u00ecnh xem x\u00e9t m\u00e3 ho\u1eb7c l\u00e0m quen v\u1edbi nh\u00f3m.<\/p>\n<h2>T\u00ednh n\u0103ng ch\u00ednh trong tr\u1ea3i nghi\u1ec7m JSONC c\u1ee7a VPasCode<\/h2>\n<p>H\u1ed7 tr\u1ee3 JSONC c\u1ee7a ch\u00fang t\u00f4i \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p ho\u00e0n to\u00e0n v\u1edbi b\u1ed9 c\u00f4ng c\u1ee5 ch\u1ec9nh s\u1eeda v\u00e0 xu\u1ea5t b\u1ea3n m\u1ea1nh m\u1ebd, t\u1ea1o n\u00ean s\u1ef1 \u0111\u1ed9c \u0111\u00e1o cho VPasCode:<\/p>\n<ul>\n<li><strong>\u0110i\u1ec1u h\u01b0\u1edbng m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3 t\u01b0\u01a1ng t\u00e1c:<\/strong>Nh\u1ea5p v\u00e0o b\u1ea5t k\u1ef3 n\u00fat ho\u1eb7c h\u00ecnh d\u1ea1ng n\u00e0o b\u00ean trong s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb s\u1ebd ngay l\u1eadp t\u1ee9c l\u00e0m n\u1ed5i b\u1eadt d\u00f2ng m\u00e3 t\u01b0\u01a1ng \u1ee9ng trong tr\u00ecnh ch\u1ec9nh s\u1eeda, gi\u00fap b\u1ea1n t\u00ecm ki\u1ebfm c\u00e1c thu\u1ed9c t\u00ednh quan tr\u1ecdng ch\u1ec9 trong v\u00e0i gi\u00e2y.<\/li>\n<li><strong>\u0110\u1ecbnh d\u1ea1ng \u0111\u1eb9p ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t:<\/strong>T\u1ef1 \u0111\u1ed9ng \u0111\u1ecbnh d\u1ea1ng m\u00e3 JSONC l\u1ed9n x\u1ed9n ho\u1eb7c kh\u00f4ng th\u1ee5t l\u1ec1 ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t \u0111\u1ec3 duy tr\u00ec \u0111\u1ed9 r\u00f5 r\u00e0ng tuy\u1ec7t \u0111\u1ed1i.<\/li>\n<li><strong>Nhi\u1ec1u ch\u1ee7 \u0111\u1ec1 s\u01a1 \u0111\u1ed3:<\/strong>Ch\u1ecdn t\u1eeb nhi\u1ec1u ch\u1ee7 \u0111\u1ec1 tr\u1ef1c quan kh\u00e1c nhau \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi s\u1edf th\u00edch tr\u00ecnh b\u00e0y, thi\u1ebft l\u1eadp ch\u1ebf \u0111\u1ed9 t\u1ed1i ho\u1eb7c phong c\u00e1ch t\u00e0i li\u1ec7u c\u1ee7a b\u1ea1n.<\/li>\n<li><strong>Xu\u1ea5t linh ho\u1ea1t (SVG v\u00e0 PNG):<\/strong>Xu\u1ea5t s\u01a1 \u0111\u1ed3 JSONC \u0111\u00e3 t\u1ea1o c\u1ee7a b\u1ea1n d\u01b0\u1edbi d\u1ea1ng h\u00ecnh \u1ea3nh PNG \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao ho\u1eb7c vector SVG c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng \u0111\u1ec3 nh\u00fang v\u00e0o c\u00e1c n\u1ec1n t\u1ea3ng t\u00e0i li\u1ec7u.<\/li>\n<li><strong>Sao ch\u00e9p h\u00ecnh \u1ea3nh v\u00e0o b\u1ed9 nh\u1edb t\u1ea1m:<\/strong>Sao ch\u00e9p ngay l\u1eadp t\u1ee9c h\u00ecnh \u1ea3nh s\u01a1 \u0111\u1ed3 v\u00e0o b\u1ed9 nh\u1edb t\u1ea1m c\u1ee7a b\u1ea1n \u0111\u1ec3 d\u00e1n nhanh v\u00e0o Slack, Microsoft Teams ho\u1eb7c c\u00e1c cu\u1ed9c tr\u00f2 chuy\u1ec7n email.<\/li>\n<li><strong>Chia s\u1ebb li\u00ean k\u1ebft si\u00eau v\u0103n b\u1ea3n kh\u00f4ng c\u1ea7n \u0111\u0103ng nh\u1eadp:<\/strong>T\u1ea1o c\u00e1c li\u00ean k\u1ebft chia s\u1ebb nh\u1eb9 v\u00e0 m\u00e3 QR \u0111\u1ec3 chia s\u1ebb s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c ti\u1ebfp v\u1edbi \u0111\u1ed3ng nghi\u1ec7p ho\u1eb7c kh\u00e1ch h\u00e0ng ngay l\u1eadp t\u1ee9c\u2014kh\u00f4ng c\u1ea7n \u0111\u0103ng k\u00fd hay \u0111\u0103ng nh\u1eadp.<\/li>\n<\/ul>\n<h2>Kh\u1ea3 n\u0103ng N\u00e2ng cao c\u1ee7a AI v\u00e0 N\u1ec1n t\u1ea3ng<\/h2>\n<p>V\u01b0\u1ee3t xa c\u00e1c quy tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3 th\u00f4ng th\u01b0\u1eddng, VPasCode t\u00edch h\u1ee3p c\u00e1c kh\u1ea3 n\u0103ng \u0111\u1ed9c quy\u1ec1n trong ng\u00e0nh nh\u1eb1m t\u0103ng t\u1ed1c quy tr\u00ecnh l\u00e0m vi\u1ec7c c\u1ee7a b\u1ea1n:<\/p>\n<ul>\n<li><strong>Ph\u00e1t hi\u1ec7n \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng:<\/strong>D\u00e1n b\u1ea5t k\u1ef3 \u0111o\u1ea1n m\u00e3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 n\u00e0o v\u00e0o tr\u00ecnh ch\u1ec9nh s\u1eeda, v\u00e0 VPasCode s\u1ebd t\u1ef1 \u0111\u1ed9ng ph\u00e1t hi\u1ec7n xem \u0111\u00f3 l\u00e0 JSONC, PlantUML, Mermaid hay SQL, ngay l\u1eadp t\u1ee9c ch\u1ecdn b\u1ed9 x\u1eed l\u00fd ph\u00f9 h\u1ee3p.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\">S\u1eeda l\u1ed7i m\u00e3 ngu\u1ed3n b\u1eb1ng AI<\/a>:<\/strong>V\u1ea5p ph\u1ea3i l\u1ed7i c\u00fa ph\u00e1p ho\u1eb7c d\u1ea5u ngo\u1eb7c thi\u1ebfu? Nh\u1ea5p v\u00e0o <em>S\u1eeda b\u1eb1ng AI<\/em>\u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng kh\u1eafc ph\u1ee5c l\u1ed7i c\u00fa ph\u00e1p. VPasCode th\u1eadm ch\u00ed c\u00f2n cung c\u1ea5p chi ti\u1ebft so s\u00e1nh song song gi\u1ea3i th\u00edch nh\u1eefng g\u00ec \u0111\u00e3 \u0111\u01b0\u1ee3c s\u1eeda, gi\u00fap b\u1ea1n h\u1ecdc ngay l\u1eadp t\u1ee9c.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\">D\u1ecbch s\u01a1 \u0111\u1ed3 b\u1eb1ng AI<\/a>:<\/strong>D\u1ecbch tr\u1ef1c ti\u1ebfp v\u0103n b\u1ea3n b\u00ean trong s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n sang nhi\u1ec1u ng\u00f4n ng\u1eef ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t \u0111\u1ec3 h\u1ee3p t\u00e1c xuy\u00ean qu\u1ed1c gia.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/seamlessly-connect-diagramming-to-documentation-vpascode-integrates-with-opendocs\/\">T\u00edch h\u1ee3p v\u1edbi OpenDocs<\/a>:<\/strong>Xu\u1ea5t b\u1ea3n v\u00e0 \u0111\u1ea9y s\u01a1 \u0111\u1ed3 \u0111\u00e3 t\u1ea1o c\u1ee7a b\u1ea1n m\u1ed9t c\u00e1ch li\u1ec1n m\u1ea1ch tr\u1ef1c ti\u1ebfp v\u00e0o Visual Paradigm OpenDocs \u0111\u1ec3 t\u00e0i li\u1ec7u h\u00f3a d\u1ef1 \u00e1n to\u00e0n di\u1ec7n.<\/li>\n<\/ul>\n<p><em>L\u01b0u \u00fd: Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 c\u1ed1t l\u00f5i, hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp, ph\u00e1t hi\u1ec7n m\u00e3 t\u1ef1 \u0111\u1ed9ng v\u00e0 xu\u1ea5t h\u00ecnh \u1ea3nh ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed cho t\u1ea5t c\u1ea3 ng\u01b0\u1eddi d\u00f9ng. Ch\u1ee9c n\u0103ng S\u1eeda l\u1ed7i b\u1eb1ng AI v\u00e0 D\u1ecbch s\u01a1 \u0111\u1ed3 b\u1eb1ng AI ch\u1ec9 c\u00f3 s\u1eb5n cho ng\u01b0\u1eddi d\u00f9ng c\u00f3 g\u00f3i Visual Paradigm Online Combo Edition (ho\u1eb7c cao h\u01a1n) ho\u1eb7c Visual Paradigm Desktop Professional Edition (c\u00f3 b\u1ea3o tr\u00ec ho\u1ea1t \u0111\u1ed9ng).<\/em><\/p>\n<h2>Th\u1eed tr\u00ecnh ch\u1ec9nh s\u1eeda JSONC Mi\u1ec5n ph\u00ed ngay h\u00f4m nay!<\/h2>\n<p>S\u1eb5n s\u00e0ng \u0111\u1ec3 tr\u1ef1c quan h\u00f3a c\u00e1c t\u1ec7p c\u1ea5u h\u00ecnh c\u1ee7a b\u1ea1n, ki\u1ec3m tra c\u00e1c c\u1ea5u tr\u00fac d\u1eef li\u1ec7u ph\u1ee9c t\u1ea1p v\u00e0 \u0111\u01a1n gi\u1ea3n h\u00f3a t\u00e0i li\u1ec7u ph\u00e1t tri\u1ec3n c\u1ee7a b\u1ea1n? B\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 c\u1ee7a ch\u00fang t\u00f4i <strong>tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed<\/strong> ngay b\u00e2y gi\u1edd trong tr\u00ecnh duy\u1ec7t web c\u1ee7a b\u1ea1n\u2014kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t hay \u0111\u0103ng k\u00fd.<\/p>\n<p style=\"text-align: center; margin: 30px 0;\"><a href=\"https:\/\/www.vpascode.com\/\" style=\"background-color: #0066cc; color: #ffffff; padding: 14px 28px; text-decoration: none; border-radius: 4px; font-weight: bold; display: inline-block;\">Kh\u1edfi ch\u1ea1y C\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn v\u1ebd s\u01a1 \u0111\u1ed3 JSONC VPasCode<\/a><\/p>\n<p>\u0110\u1ec3 kh\u00e1m ph\u00e1 danh s\u00e1ch \u0111\u1ea7y \u0111\u1ee7 c\u00e1c DSL, ch\u1ee7 \u0111\u1ec1 v\u00e0 c\u1eadp nh\u1eadt n\u1ec1n t\u1ea3ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3, h\u00e3y truy c\u1eadp trang <a href=\"https:\/\/www.vpascode.com\/overview\/\">Trang ch\u1ee7 VPasCode<\/a>.<\/p>\n","protected":false},"featured_media":2761,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode","_yoast_wpseo_metadesc":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.","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":"","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":""}}},"product":[2,3],"product-area":[6,49],"version":[50],"release-type":[16],"class_list":["post-2760","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-diagramming","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode<\/title>\n<meta name=\"description\" content=\"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode\" \/>\n<meta property=\"og:description\" content=\"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Vietnamese\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1312\" \/>\n\t<meta property=\"og:image:height\" content=\"816\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\",\"name\":\"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg\",\"datePublished\":\"2026-07-28T03:59:41+00:00\",\"description\":\"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg\",\"width\":1312,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng: Gi\u1edbi thi\u1ec7u t\u00ednh n\u0103ng h\u1ed7 tr\u1ee3 JSONC trong VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/vn\/\",\"name\":\"Visual Paradigm Product Updates Vietnamese\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#organization\",\"name\":\"Visual Paradigm Product Updates Vietnamese\",\"url\":\"https:\/\/updates.visual-paradigm.com\/vn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Vietnamese\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode","description":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.","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:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/","og_locale":"vi_VN","og_type":"article","og_title":"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode","og_description":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.","og_url":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/","og_site_name":"Visual Paradigm Product Updates Vietnamese","og_image":[{"width":1312,"height":816,"url":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/","url":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/","name":"Tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 C\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 JSONC trong VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg","datePublished":"2026-07-28T03:59:41+00:00","description":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng b\u1eb1ng VPasCode! Kh\u00e1m ph\u00e1 tr\u00ecnh so\u1ea1n th\u1ea3o JSONC mi\u1ec5n ph\u00ed v\u00e0 c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 JSONC tr\u1ef1c tuy\u1ebfn c\u1ee7a ch\u00fang t\u00f4i v\u1edbi kh\u1ea3 n\u0103ng \u0111i\u1ec1u h\u01b0\u1edbng t\u01b0\u01a1ng t\u00e1c t\u1eeb m\u00e3 ngu\u1ed3n sang s\u01a1 \u0111\u1ed3, s\u1eeda l\u1ed7i b\u1eb1ng AI, xu\u1ea5t ra SVG\/PNG v\u00e0 li\u00ean k\u1ebft chia s\u1ebb.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg","contentUrl":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/07\/vpascode-free-jsonc-editor-hero-banner.jpg","width":1312,"height":816},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/vn\/releases\/free-jsonc-editor-online-jsonc-diagram-tool-announcement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Tr\u1ef1c quan h\u00f3a JSON v\u1edbi ch\u00fa th\u00edch m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng: Gi\u1edbi thi\u1ec7u t\u00ednh n\u0103ng h\u1ed7 tr\u1ee3 JSONC trong VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/vn\/#website","url":"https:\/\/updates.visual-paradigm.com\/vn\/","name":"Visual Paradigm Product Updates Vietnamese","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/vn\/#organization","name":"Visual Paradigm Product Updates Vietnamese","url":"https:\/\/updates.visual-paradigm.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/updates.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Vietnamese"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/releases\/2760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/releases\/2760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/2761"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=2760"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/product?post=2760"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/product-area?post=2760"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/version?post=2760"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/release-type?post=2760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}