poundhu / ts-live

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 实时预览编辑器。

About

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

License:Apache License 2.0


Languages

Language:TypeScript 97.0%Language:JavaScript 2.8%Language:CSS 0.2%