在线代码编辑器是驻留在远程服务器上的工具,可以通过浏览器访问。一些在线代码编辑器具有与文本编辑器更相似的基本特性,而另一些则像完整的集成开发环境(Integrated Development environment,IDE)。在本文中,我们将介绍这两种类型。一些在线代码编辑器专注于一种语言,甚至一个框架。例如,有些产品自称 Javascript 在线代码编辑器或 React 在线编辑器。
在线代码编辑器的基本使用实例
许多方法可以使用在线代码编辑器,但我们要强调几个基本的方法,这些方法证明了对在线代码编辑器的需求。合作使用桌面 IDE 设置协作过程可能很困难。有了在线代码编辑器,这项任务就像在谷歌文档中创建文档一样简单。共享和开发者关系可以使用在线代码编辑器与同事、朋友或全世界共享您的代码。您可以在博客文章、入门教程和文档中使用沙箱嵌入或链接。快速安装新应用程序有一些在线代码编辑器以与主机集成在一起,因此您可以开发一个简单的应用程序并在几分钟内托管它来测试它。在线面试和招聘使用在线代码编辑器,可以在一分钟内完成询问,这有助于了解候选人的解决方案和处理代码。原型设计尽早并经常测试你的想法。可以验证想法,并从用户那里得到即时反馈。不需要设置。共享和协作选项也将为您提供帮助。学习在现代网络开发中,跟随最新的消息是值得的,更好的是,在真实的环境中尝试它们。最好的在线代码编辑器允许您快速地完成这项工作,而不需要不必要的设置。
Stackblitz 与完整的 IDE 非常相似,该工具是基于 VS 代码构建的。该产品具有广泛的特性,可以启动并继续开发完整的全堆栈应用程序。该工具由许多开发人员所熟悉的 Visual Studio Code 提供支持。它会自动处理安装依赖项、编译、捆绑和热重载。导入库对于 web 开发至关重要,所以 StackBlitz 包含了一个内置浏览器 npm 客户端,它支持一次安装多个软件包和特定的版本。该项目的杀手级功能是离线编辑。Stackblitz 开发了一个浏览器内的网络服务器来实现这一点。通过 Stackblitz,您可以在单独的窗口中预览和编辑,这与其他项目中的 iframe 或小窗口相比是非常棒的。其他值得注意的特性包括与 Github 连接以导入/导出项目,与 Google Firebase 集成以创建全堆栈项目,以及像 ZIP 文件那样下载项目。
Codeanywhere
Codeanywhere 伪装为 Web 浏览器和移动设备中的完整 IDE。Codeanywhere 可以很容易地用 Javascript、 PHP、 HTML 和其他 72 种语言为您的项目建立自己的定制开发环境。显而易见的主要特性是 Codeanywhere 可以连接任何东西,代码可以驻留在 FTP 服务器或者其他 Github 源代码上,但是你可以将它与 Codeanywhere 连接并开始编辑和开发。在编辑器模式下,可以使用以下特性: