日常开发中,为了快速开发、调试,或者是分享一段代码片段,我们会选择一些即时开发的在线代码编辑器。
本文将介绍几款不错的在线代码编辑器。
CodeSandbox 一个即时可用的,功能齐全的在线 IDE,可在具有浏览器的任何设备上进行 Web 开发。使你能够快速启动新项目并快速创建原型。使用 CodeSandbox,你可以轻松创建 Web 应用程序,尝试代码,测试想法并共享创建的内容。
CodePen 是一个在线的前端开发环境。它的核心是允许你在浏览器中编写代码,并在构建时查看结果。对于任何技能的开发人员来说,这是一个有用的、解放性的在线代码编辑器,特别是对学习编码的人来说。CodePen 主要关注 HTML、CSS、JavaScript 等前端语言,以及转换成这些东西的预处理语法。
添加相关依赖:
JSFiddle 是一个在线的 shell 编辑器,可在线编辑和测试 HTML、CSS、JavaScript 代码片段。在 JSFiddle 编辑的代码,可以保存,也可分享给其他人,还可嵌入到网站中。
JS Bin 是一个开放源代码的协作 Web 开发调试工具。你可以使用它来编写代码并使其既实时保存,又实时呈现完整预览,通过共享和编辑 URL 来帮助调试其他人的 JavaScript,HTML 或 CSS。
码上掘金 问世不久,它是稀土掘金开发的一款在线代码编辑平台。
风格类似 CodePen:
还有其他很多非常优秀的在线代码编辑平台,例如:glitch、replit 和 StackBlitz 等。