在线编程网站——codepen.io（支持HTML,CSS,JS）

https://codepen.io/

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

1.简单介绍

1.什么是 CodePen？

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

But 它是一个英文网站

2.CodePen 主要功能

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

2.如何使用

打开文章开头的链接，加载完成后应该是类似于这样的界面

 点右上角的Sign Up注册，这里可以用三个第三方网站注册，也可以用电子邮件。

 注册完以后，就进入了个人工作台。

当然，你如果只是想编程，可以直接写代码，只需要点Start Coding，只不过有了账号可以保存。

在这个网站上，你可以搜集到很多的资源，当然还可以用.html的格式下载作品。

---

The End

---