/ts-live

基于 monaco-editor 的 typescript 编辑器,ui 层提供了 react 实现,可以实时编辑 react 代码并生成预览效果

Primary LanguageTypeScriptApache License 2.0Apache-2.0

demo

基于 monaco-editor 的 typescript 编辑器,ui 层提供了 react 实现,可以实时编辑 react 代码并生成预览效果。

该仓库包含3个包:

react-previewer

typescript 编辑器,可以实时编译、运行代码并生成预览效果。具体使用参考文档

ts-editor

基于 monaco-editor 的 typescript 编辑器,支持实时编译、预览。具体使用参考文档

dts-bundle

该模块用来对指定 .d.ts 文件进行解析,把其包含的类型声明及依赖的类型声明都打包到指定 json 文件里,主要用来生成 ts-editor 所需要的 types。具体使用参考文档

examples

examples 提供了一个完整项目用来演示如何开发一个支持 typescript 的 react 实时预览编辑器。