作为一个前端新人第一次接触前端代码在线编辑器codepen，觉得这个还是很方便的，当需要请教别人查看你的代码哪里出了问题或者想要分享自己代码的时候就不需要那么麻烦了，只需要分享一个链接，就可以在线查看了。

传送门：https://codepen.io/pen/

进来之后就可以直接写代码了，写完之后就可以点击右上角那个保存或者按Ctrl+S直接保存也可以，但是需要账号登入才能保存在自己的账户下面，所以必须要注册一个账号，注册也很简单，这里就不展示了。

保存后就可以直接复制上面的网址分享给别人就可以啦

下面就是我保存后的结果，可以点击下面链接查看效果

https://codepen.io/waini/pen/OJvgxKB