import{aw as t,y as a,z as r,b0 as o}from"./chunks/framework.BCBheFgR.js";const u=JSON.parse('{"title":"写在前面","description":"","frontmatter":{},"headers":[],"relativePath":"guide/tutorial/index.md","filePath":"guide/tutorial/index.md"}'),i={name:"guide/tutorial/index.md"};function n(l,e,p,d,_,s){return r(),a("div",null,e[0]||(e[0]=[o('<h1 id="写在前面" tabindex="-1">写在前面 <a class="header-anchor" href="#写在前面" aria-label="Permalink to &quot;写在前面&quot;">​</a></h1><p>本教程将一步一步引导大家实现一个完整的可视化编辑器，每个章节都是在前一章节的基础上进行，后一章节会比前一章节的功能更加完善，旨在帮助大家理解编辑器的各个组成部分的实现思路</p><p><a href="./hello-world.html">第一章 Hello World</a></p><p>通过搭建一个最简单的编辑器，让大家对编辑器有一个最基本的认识。</p><p><a href="./runtime.html">第二章 Runtime</a></p><p>通过将组件渲染从编辑器中解耦分离出来，实现编辑器对不同技术栈实现的组件的支持</p><p><a href="./render.html">第三章 DSL解析渲染</a></p><p>理解DSL，并将DSL渲染成对应的组件</p>',8)]))}const c=t(i,[["render",n]]);export{u as __pageData,c as default};