编译器在线运行,编译器免费下载网站

1. CodeSandbox(基于 React 的在线代码沙盒平台)

① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。

② 地址：https://codesandbox.io/

③ 图示

支持的脚手架 （图 1-1）编辑界面 （图 1-2）

2. CodePen(前端代码编辑运行的网站)

① CodePen 是一个完全免费的前端代码托管服务，主要功能有：

1. 即时预览。你甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器
2. 快速添加外部资源文件。只需在输入框里输入库名， CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。
3. 免费创建模板。支持创建三个模板，不是每个作品都需要从白板开始。
4. 优秀的外嵌体验。在 WordPress 或 Reddit 等支持 oEmbed 的平台上，只要简单地把链接贴入编辑框，
5. 发布后会自动转为嵌入作品。

② 地址：https://codepen.io/

③ 图示

编辑界面 （图 2-1和 图 2-2）