10 个最佳在线代码编辑器

在线代码编辑器是可以通过浏览器访问的编码应用程序。 它们具有许多优点，因此很受欢迎。

一些在线代码编辑器专注于一种语言或框架，而另一些则更通用。 有些是简单的编辑器，而有些则更像是具有预览和调试功能的完整 IDE（集成开发环境）。

选择最好的在线代码编辑器很重要，因为您必须找到可以轻松使用的东西。 这篇文章向您展示了那里的顶级优惠，以及原因。

在线代码编辑器的好处

以下是考虑使用在线代码编辑器的几个重要原因：

• 在线存储 – 您可以从任何地方访问您的代码。 无需安装了编辑器的特定计算机。
• 分享 - 在线使与他人共享您的代码变得容易。
• 即时设定 – 无需设置，只需登录即可。
• 合作 – 大多数在线 IDE 都具有协作功能，因此您可以与同事实时工作和互动。

选择在线代码编辑器的重要提示

在为您的工作选择合适的在线代码编辑器时，需要考虑一些问题。 以下是重要的：

• 支持的语言 – 这非常重要，因为只有这样它才会提供代码突出显示、自动完成和其他有用的功能。
• 速度 – 您想要一个快速且不会妨碍您的编辑器。
• 设置 – 该系统应尽可能易于使用。 每次会话都不需要额外的步骤。
• 成本 – 有些是基于订阅的，有些是免费的，并且有广告支持。 由您决定。
• 终端和 NPM 支持 – 大多数现代平台都提供虚拟机或容器化执行环境，并带有可让您连接到多个服务的终端。
• 设置和布局 – 具有良好定制水平的在线 IDE 也是一大优势。

最佳在线代码编辑器

秩	姓名	核心亮点	价格筛选	官方网站
1.	VS代码	多功能、Web 和桌面	自由	code.visualstudio.com
2.	js小提琴	网页代码，分享	自由	jsfiddle.net
3.	代码无处不在	功能齐全的云 IDE	$ 6 /月	codeanywhere.com
4.	GitHub 代码空间	VS 代码、虚拟机、GitHub 存储库	免费增值模式	github.com/features/codespaces
5.	忒伊亚	IDE 框架，VS 代码	自由	theia-ide.org网站
6.	gitpod	VS Code，快速，灵活，Netlify	免费增值模式	gitpod.io
7.	代码沙盒	VS 代码、Git、Vercel、Netlify	免费增值模式	代码和盒子.io
8.	闪电战	基于浏览器，支持离线	免费增值模式	stackblitz.com网站
9.	AWS 云9	完整的 IDE，丰富的功能	自由	aws.amazon.com/cloud9
10.	TryIt 编辑器	多语言、高亮显示、虚拟主机	免费增值模式	w3schools.com网站

1. Visual Studio代码

核心亮点：多功能编辑器、Web 和桌面版本、Git 集成、运行和调试

官方网站: code.visualstudio.com

Visual Studio Code 或 VS Code 是来自 Microsoft 的源代码编辑器，同样以其 Visual Studio 开发人员包命名。 但是，Visual Studio Code 不同。

您可以获得适用于 Windows、Linux 和 macOS 平台的 VS Code。 此外，还有一个集成了许多平台和服务的网络版本，非常受欢迎。

VS Code 是完全免费和开源的。 这包括 运行 以及 调试 功能，括号匹配，代码折叠，内置 Git 版本管理，并且完全兼容扩展。

您还可以获得 IntelliSense，它是 Microsoft 的智能代码突出显示和完成引擎，它适用于 JavaScript、JSON、CSS 和 HTML。 此外，您始终可以在 100 多种支持的语言中获得更多扩展 VS 代码市场. 

2.jsFiddle

核心亮点: 网页编辑器、HTML、CSS、JavaScript

官方网站: jsfiddle.net

jsFiddle 编辑器专为 JavaScript、HTML 和 CSS 代码而设计，严格来说是一款 Web 编辑器。 它允许您使用浏览器免费创建、编辑、执行和共享您的代码。

您可以在 jsFiddle 平台上保存和加载新项目，也可以从 Git 存储库加载数据。 该平台进一步支持代码分叉和实时协作。

语法高亮、自动完成和缩进功能使您的编码更容易。 编辑器在不同的面板中对齐您的语言，并为 3 种语言中的每一种提供单独的设置。

3.随处代码

核心亮点：完整的 IDE、容器、Git、FTP、SSH

官方网站: codeanywhere.com

CodeAnywhere 是一个功能齐全的云 IDE，支持超过 75 种编程语言，包括 Go、HTML、PHP、Python、Ruby 等。

该平台在容器化环境中具有多功能编辑器，这意味着您可以将运行时选项设置为代码、保存并在几秒钟内随时启动它。

这里没有免费计划，但 CodeAnywhere 提供 7 天免费试用期。 它的 基础版 个人计划每月收费 6 美元，并附带 1 个具有 2GB RAM 和 10GB 存储空间的容器。 这 标准版 计划售价 15 美元，包括 3 个容器和更高规格。

还有一个功能齐全的终端来编译、运行和调试您的代码。 此外，您可以在 CodeAnywhere 容器中运行您的项目，也可以使用 FTP、FTPS 和 SSH 连接到远程服务器。 

4. GitHub 代码空间

核心亮点: VS Code 编辑器，简单的VM选择

官方网站: github.com/features/codespaces

GitHub 是微软拥有的巨型存储库服务，为全球数百万开发人员托管数百万个软件代码文件。

GitHub CodeSpaces 是一项 GitHub 服务，可让任何开发人员在公司的虚拟机上执行其代码。 它结合了 GitHub 的基础设施和 VS Code 作为它的编辑器。

您使用存储库中的配置文件配置您的环境，这将为所有用户设置虚拟机，并具有快速的初始化时间。

这里的报价很简单，从每小时 2 美元的 4 核 0.18GB RAM 虚拟机到每小时 32 美元的 64 核和 2.88GB RAM 虚拟机。 如果您已经是 GitHub 存储库或 Pages 用户，那么 CodeSpaces 可能只是一个非常方便的查看云环境。

5. 日食忒亚

核心亮点: 现代在线 IDE 框架，免费和开源

官方网站: theia-ide.org网站

Eclipse Theia 不是一个合适的在线代码编辑器。 然而，它是一个快速构建你的框架。 因此，如果您是喜欢构建自己的类型或需要自定义应用程序的组织，那么您可以使用 Theia 构建现代和自定义的在线 IDE。

您将获得一个基于 VS Code 项目的免费开源模块化框架。 然而，Theia 是供应商中立的，支持在线和桌面应用程序开发，具有非常灵活的布局，并且具有很大的可扩展性。

该框架支持 60 多种编程语言，包括 Java、JavaScript 和 Python。 有语法高亮、自动完成和提示。 还有一个功能齐全的终端，具有自动重新连接和完整的历史支持。

6.GitPod

核心亮点: VS Code 编辑器，快速加载环境，广泛的配置

官方网站: gitpod.io

Gitpod 与 GitHub Codespaces 类似，但略有不同，使其成为一个有趣的云开发平台。

该平台共享相同的 VS Code 编辑器，但您不会根据 CPU 内核和 RAM 选择计划。 相反，您在免费计划中获得 50 个执行小时，在每月 100 欧元的个人计划中获得 8 小时，在专业计划中获得无限小时。

Gitpod 还提供多个工作区，包括免费计划中的 4 个并行工作区。 它在 GitHub、Bitbucket 或 GitLab 上提供工作空间共享、快照、直观的管理仪表板和代码托管。

Gitpod 工作区可让您为特定项目完全配置开发环境并将其保存为代码。 然后系统会预先构建它，因此您可以随时打开它。

您可以配置每个工作区中的所有内容（即 docker 映像），从编辑器扩展到初始化任务、启动任务等。 你也可以自托管 Gitpod。

7. 代码沙盒

核心亮点：VS Code 编辑器、灵活的计划、Vercel 和 Netlify 部署

官方网站: 代码和盒子.io

CodeSandbox 也是一个在线 IDE，带有 VS Code 编辑器和其他功能，例如用于更改的热模块重新加载、会话恢复、npm、GitHub、iOS 支持以及部署到 Vercel 和 Netlify。

每个环境都称为沙箱，可以通过不同的模板轻松创建和管理。 您可以为 Vue、React、Angular、Gatsby 等快速创建工作原型。您可以与团队共享您的代码并提供或接收反馈。

CodeSandbox 提供免费的 20MB 存储计划，仅限于公共沙箱、npm 包和 GitHub 存储库。 这 个人专业版 然而，计划以每月 7 美元的价格解除了这些限制。

8. 堆栈闪电战

核心亮点：基于浏览器的环境，安全，超快

官方网站: stackblitz.com网站

顾名思义，StackBlitz 在几毫秒内提供了一个超级响应和安全的开发堆栈，因为它使用了一种完全不同的方法。

StackBlitz 完全在浏览器中工作，不像其他环境存在于服务器上并与您的浏览器通信。 这意味着最高的安全性、零网络延迟、离线工作的能力以及使用本机浏览器工具进行调试的能力。

另一方面，这种方法也意味着 StackBlitz 仅适用于 Node.js 相关的项目，例如 React、Angular 和 Vue。 因此，您不能将其用于 C++、Python、Go 等语言。

编辑器是 VS Code，系统会在您键入、共享和调试时自动处理依赖项、编译、热重载。 您甚至可以使用 StackBlitz 在浏览器上运行后端 Node.js 服务，例如 Web 服务器和 API。

计划包括 飞行学员 它是免费的，但仅限于公共项目和 GitHub 存储库，而 宇航员 计划从每位用户每月 8 美元起。

9.AWS Cloud9

核心亮点：功能齐全的编辑器、调试器、AWS 开发

官方网站: aws.amazon.com/cloud9

Amazon Web Services (AWS) Cloud9 是云应用程序的集成开发环境。 它对 Amazon EC2 客户免费提供，您只需为代码的计算和存储付费。

Cloud9 IDE 支持 40 多种编程语言，包括 Go、Python、Perl、C、C++、Ruby、JavaScript 等。 它提供语法高亮和提示，以及自动完成和调试。

您还可以根据自己的喜好自定义视图，包括每次拖放移动面板。 有一个终端、连接到任何服务器的能力、无服务器应用程序支持、协作功能、修订等等。

Cloud9 是一个完整的包，适用于所有类型的云应用程序开发，但您必须是亚马逊客户才能使用它。

10. TryIt 编辑器

核心亮点: 免费编辑器、教程、托管空间

官方网站: w3schools.com网站

W3Schools 是一个广泛的学习资源，多年来帮助许多软件开发人员变得更有能力。

该平台为所有类型的语言提供免费教程，从 SQL 到 HTML、PHP、Python、CSS、ASP 等。 每节课都包括使用他们的编辑器尝试一些示例的可能性。

这个 W3School 的 TryIt 编辑器包括语法突出显示，让您可以直接在浏览器中运行代码并在右侧面板上获得结果。 多年来它一直在不断改进，现在包括许多选项，例如 保存代码, 改变主题和 改变方向。

不过，您将需要一个帐户来保存您的代码。 W3Schools Spaces 提供免费但有限的计划，其中包含模板和文件管理器来托管静态网站，高级计划每月 4.99 美元起。

结语

我们已经到达了这个最佳在线代码编辑器列表的末尾，您已经看到了顶级品牌以及它们为您的下一个项目提供的内容。

每个编码员都是不同的，都有不同的任务，有不同的要求。 因此，可能没有单一的最佳工具。 因此，您可以选择最能满足您需求的产品。