CodePen.io 使用指南

[leeduckgo]

作者：王宁波

1.代码的借用

是优秀前端demo的展示，我们进入其首页就可以看到很多精湛的前端demo效果，当你需要一个比较漂亮的前端展示，比如一个花里胡哨的表格，此时你可以在主页的search框输入table，这时就会把所有codepen上面所有关于表格的代码按人气排列出来，你就可以选择预览，当你选好时，可以点击右下角下面的export进行导出下载

2.前端代码的在线编译

codepen除了是一个代码仓库，还支持在线编写前端代码和预览，在主页可以看到左侧的功能键，create下面有个pen，你可以在线编写代码，下面会有实时预览特别的高效便捷。