1.CodeSandbox（基于React的在线代码沙箱平台）①我经常使用主流脚手架，比如在线create-react-app，vue-cli等（在线fork修改)，支持github登录（项目导入），也支持cli上传示例，可以在线访问下载，当然也可以嵌入到博客等其他网页中。②地址：https://codesandbox.io/③图标支持的脚手架（图1-1）编辑界面（图1-2）2.CodePen（前端代码编辑运行的网站）①CodePen是一个完全免费的前端代码托管服务，主要功能有：即时预览。您甚至可以在本地修改并即时预览其他人的作品。支持多种主流预处理器快速添加外部资源文件。只要在输入框中输入库名，CodePen就会从cdnjs中找到匹配的css或js库。免费创建模板。支持创建三个模板，不是每一个作品都需要从白板开始。出色的嵌入式体验。在WordPress或Reddit等支持oEmbed的平台上，只需将链接粘贴到编辑框中，发布后会自动转化为嵌入作品。②地址：https://codepen.io/③图标编辑界面（图2-1和图2-2）3.JSRUN（支持手机端的在线JS编辑器）①jsrun是一款支持手机端的在线JS编辑器HTML/CSS/Javascript在线代码运行工具，js代码在线测试调试，是runjs的升级版，支持vue.js/angular.js在线编辑器②地址：http://jsrun.net/③图标编辑界面（图3-1和图3-2）4.jsFiddle（前端代码编辑运行网站）①jsFiddle是Web开发者的培训基地，可以在线编辑和测试HTML、CSS、JavaScript代码片段。在jsFiddle中编辑的代码可以保存、分享给其他人或嵌入到其他网页中②地址：https://jsfiddle.net/③图形化编辑界面（图4-1）5.Ideone（C和在线编译调试工具）C++，支持其他60种语言）我经常使用①Ideone是一款C和C++的在线编译调试工具，支持其他60种语言。该工具提供了很多强大的功能，可以让程序员快速高效地编译源代码②地址：https://www.ideone.com/③图形编辑界面（图5-1和图5-2）6.Codechef（在线编译适用于C、C++和Java的工具）①它支持C、C++和Java，非常接近于真正的桌面IDE。它超级快速且易于使用。适合学生上课和作业，练习面试题。②地址：https://www.codechef.com/ide③图标编辑界面（图6-1）7.JDoodle（C、C++、Java在线IDE）①支持协作代码。它只是从一个简单的文本区域开始，您可以在其中粘贴代码并点击运行。您可以在运行程序之前更改命令行参数并设置标准输入。最适合许多较新的在线编辑器不支持的旧语言。②地址：https://www.codechef.com/ide③图标编辑界面（图7-1和图7-2）8.OnlineGDB（在线C、C++、Java、PHP编译器）我经常用①它支持C、C++、PHP和Java编译器。OnlineGDB的一个独特功能是您可以逐步调试您的代码。代码编写完成后，可以很容易地对其进行格式化以使其看起来不错。②地址：https://www.onlinegdb.com/③图标编辑界面（图8-1）9.GCC资源管理器①GCC编译器资源管理器是一个交互式的在线编译器，显示C++、RISE、GO（以及更多）代码。②地址：https://gcc.godbolt.org/③图形编辑界面（图9-1）10.plnkredit在线编辑器①js在线编辑器。②地址：http://plnkr.co/edit/③图标编辑界面（图10-1）
