mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-02-07 13:05:38 +00:00
4 lines
2.5 KiB
JavaScript
4 lines
2.5 KiB
JavaScript
import{ax as i,z as t,A as e,b2 as s}from"./chunks/framework.DkLJC2NO.js";const m=JSON.parse('{"title":"RUNTIME","description":"","frontmatter":{},"headers":[],"relativePath":"guide/runtime.md","filePath":"guide/runtime.md"}'),n={name:"guide/runtime.md"};function r(p,a,l,o,d,c){return e(),t("div",null,[...a[0]||(a[0]=[s(`<h1 id="runtime" tabindex="-1">RUNTIME <a class="header-anchor" href="#runtime" aria-label="Permalink to "RUNTIME""></a></h1><p>本章详细介绍如何深入理解tmagic-editor的打包，以及如何根据需求定制，修改tmagic-editor的页面打包发布方案。页面发布、打包相关的定制化开发，需要使用tmagic-editor的业务方，搭建好基于开源tmagic-editor的管理平台、存储服务等配套设施。</p><h2 id="runtime-是什么" tabindex="-1">runtime 是什么 <a class="header-anchor" href="#runtime-是什么" aria-label="Permalink to "runtime 是什么""></a></h2><p>runtime是用来解析DSL的执行环境，用于渲染 DSL 呈现页面。</p><p>编辑器生成出来的DSL需要通过 runtime 来渲染。</p><h2 id="实现一个-runtime" tabindex="-1">实现一个 runtime <a class="header-anchor" href="#实现一个-runtime" aria-label="Permalink to "实现一个 runtime""></a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>可以使用<code>npm create tmagic</code> 来快速创建一个runtime项目。</p></div><p>创建出来的项目会包含page、playground两个目录。</p><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">.</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">├──</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> page</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">├──</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> playground</span></span></code></pre></div><p>page用于生产环境</p><p>playground用于编辑器中</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>想要了解DSL的解析以及runtime与编辑器的通信，可以前往<a href="/tmagic-editor/docs/guide/tutorial/">教程</a></p></div>`,12)])])}const h=i(n,[["render",r]]);export{m as __pageData,h as default};
|