CodeSandbox
CodeSandbox 是一个在线代码编辑及实时预览的 UI 组件,支持浏览器环境下编写 html/js/css/ts/vue/react
等类型的代码并在沙盒环境下实时运行预览。
特点
- 支持代码在线编辑及实时预览
- 内置
Vue3 / React / Typescript / Javascript / HTML / CSS
等多种代码解析器 - 支持通过导入 ESModule 格式(
import/export
) npm 包 - 支持多文件解析,并支持新增/删除文件
- 代码可压缩添加至 URL 参数,通过外链分享
安装
使用 npm
或者 yarn
安装:
npm install code-sandbox-web
# or
yarn add code-sandbox-web