import{At as e,E as t,Ot as n,Xt as r}from"./chunks/framework.ECw2lWOt.js";var i=JSON.parse(`{"title":"写在前面","description":"","frontmatter":{},"headers":[],"relativePath":"guide/tutorial/index.md","filePath":"guide/tutorial/index.md"}`),a={name:`guide/tutorial/index.md`};function o(t,i,a,o,s,c){return r(),n(`div`,null,[...i[0]||=[e(`<h1 id="写在前面" tabindex="-1">写在前面 <a class="header-anchor" href="#写在前面" aria-label="Permalink to “写在前面”">​</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)]])}var s=t(a,[[`render`,o]]);export{i as __pageData,s as default};