import{ax as a,z as t,A as r,b5 as i}from"./chunks/framework.V2ssSR2R.js";const c=JSON.parse('{"title":"写在前面","description":"","frontmatter":{},"headers":[],"relativePath":"guide/tutorial/index.md","filePath":"guide/tutorial/index.md"}'),n={name:"guide/tutorial/index.md"};function o(l,e,p,d,_,s){return r(),t("div",null,[...e[0]||(e[0]=[i('<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)])])}const h=a(n,[["render",o]]);export{c as __pageData,h as default};