大家好，我是 Echa。
前段时间，老铁们私信我有么有又免费又好用的在线代码编辑器，最近找了找。终于找到了。给老铁们安排上。创作不易，喜欢的老铁们转发加个关注，点个赞，速速收藏，谢谢！
今天来推荐六个好用又免费的在线代码编辑器！
CodeSandbox
在线地址：
CodeSandbox 是一个在线代码编辑器，主要用于创建 Web 应用项目简单的网页制作源代码大全，其提供了多种模块：
CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能：
Codepen
在线地址：
CodePen 是一个在线的HTML、CSS 和 JavaScript 代码编辑器，能够编写代码并即时预览效果，可以利用它来构建和分享代码。CodePen 支持使用 Less、Sass、PostCSS 等来编写CSS。CodePen 不仅是一个在线编辑器，还是一个庞大的前端社区，上面有来自全球开发者分享的各种各样炫酷的效果，并且这些代码都是开源和共享的。
Stackblitz
在线地址：
Stackblitz 和 VSCode 非常像简单的网页制作源代码大全，使用简单可以一键创建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等项目：
Stackblitz 具有以下特性：
JSFiddle
在线地址：
JSFiddle 是一个在线代码编辑器，允许用户在单个页面上编辑和运行 HTML、JavaScript 和 CSS 代码。JSFiddle 使用 CodeMirror 构建，其提供了多游标、语法高亮、语法验证（linter）、大括号匹配、自动缩进、自动完成、代码/文本折叠、搜索和替换以协助开发人员的操作。JSFiddle 被广泛用于共享简单的测试和演示。
JS Bin
在线地址：
JS Bin 是一个开源的协同 web 开发调试工具。主要用于帮助测试 JavaScript 和 CSS 的代码片段，功能与 jsFiddle 类似。可以实时分享在 JS Bin 中输入的内容，在任何平台上的任何设备上查看 JS Bin 的输出，都是实时更新的。
码上掘金
在线地址：
码上掘金是一个为广大开发者提供代码在线 Playground 的平台，具备轻量简单、易使用、现代标准、模块化、实时编辑，所见即所得等特性。内置了 ES Modules 支持，并且支持 React、Vue 等流行前端框架。