一个在线的前端代码编辑工具(可用于制作测试页面、代码调试)

CodePen(代码笔)一款前端所见即所得的工具,我们可以在线编辑制作前端页面,所见即所得。同时网站提供所有常见的 js、css 库,并且支持流行技术(如 SASS),免去了我们自建平台的麻烦。

有时我们需要调试一些前端代码(无论是 html、css,还是 js),或者要制作一个 demo 分享给他人。这些都可以借助 CodePen 这个网站来实现。

CodePen 主要功能

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


添加新评论