点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

大家应该都遇到过这么一个场景：我们需要敲一个demo出来，但是直接敲在项目里面的话，又不想commit进历史，也觉得store起来不算很方便，就想独立出来，一个单独的demo，可以敲完直接看效果。

然而，出于速度和效率等考虑，对于需要写一个独立demo来看效果的程序员来说，一个非常好的选择就是使用网上提供的在线web编辑器，今天，我就给大家推荐两款比较常用的在线代码编辑器。

一、codesandbox

这款在线代码编辑器比较流行，一些前端主流的框架代码几乎都有，可以满足你80%的需求。

地址：https://codesandbox.io/

网站首页效果处理的很棒，可以让你眼前一亮：

我们可以快速去写好一个demo看效果，目前提供了下面这些框架的支持。

假如你点击React，就会快速出来一个编辑界面。最终demo还可以输出到github上去。接下来怎么玩，可以进去搞个demo试试。

二、codeopen

在发现codesandbox之前，我经常用这款在线编辑代码。

地址：https://codepen.io/

这款编辑器用久了就会发现一些不太好的地方。比如，随便打开一个pen，是一片空白，如果我只想快速打外demo，我还需要从头开始写。

pens可以建多个，但是project就只能建一个，如果要多个，就需要升级到pro版本。

codepen的实时预览也蛮坑的，敲代码改动的过程中，就会报错。而且报错的定位，却不好，根据错误看了半天，不知道自己的BUG发生在什么地方。

总结：

在线代码编辑器还一些其它的，但相对来说不是很好用的我不推荐，大家也可以了解一下。