在线编辑器

https://www.toutiao.com/article/7202235200464486950/

什么是Codesandbox？

官网地址：https://codesandbox.io/

Github：https://github.com/codesandbox/codesandbox-client

CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。号称JavaScript线上沙箱环境神器！

支持常见文件格式：JavaScript、TypeScript、CSS、Less、Sass、HTML 等。
支持自动代码提示。
该平台的前端版本是开源的。
使用它绝对能满足你在线代码编辑的要求，我想唯一问题就是，访问它比较慢，因为它是国外的。如果你会用VPN，那是非常实用，好玩。

特点

快速开始：codesandbox拥有所有流行框架的模板，方便你快速创建项目
任何地方都能写代码：一个完备的线上web开发 IDE
急速构建原型：你可以在 codesandbox 上创建web app，试验代码和想法，分享创作

什么是Sandpack？

在线文档：
https://sandpack.codesandbox.io/docs

Github：https://github.com/codesandbox/sandpack

Sandpack是CodeSandbox开源的浏览器打包方案。

这次开源两个包：

@codesandbox/sandpack-client ：负责加载Sandpack以及通信
@codesandbox/sandpack-react：是针对React的封装库
你可以在纯JS中使用sandpack客户端，或者为Vue、Svelte或任何其他库制作自己的包装，真的！

让我们快速看看sandpack react中的一些示例：