htmlplay前端编辑器下载_这7个出色的在线JavaScript代码编辑器也许你会用的到

本文将介绍最好的在线JavaScript编辑器，我们可以使用它们而无需在计算机上下载和安装任何东西。

PlayCode

PlayCode是用于处理前端JavaScript代码的简单代码编辑器。

如果我们使用的是免费版本，那么除了jQuery我们不能使用任何库。我们可以免费安装带有其他在线编辑器的库，比如JSFiddle或CodeSandbox。

但是，它确实在我们的代码中提供了语法高亮显示以及输出和控制台的实时预览。

此外，免费版本还附带了一些可与之一起使用的模板，例如React和Vue项目模板。

此外，我们可以免费在项目中添加或删除文件。

如果我们想上传图片，那么我们必须在PlayCode中为这个功能付费。

SourceLair

SourceLair 是另一种高质量的在线编辑器。我们可以免费试用，但是我们必须创建一个新帐户并登录才可以。它为我们提供了一个简单的编辑器，可让我们处理代码。

Plunker

与其他在线编辑器一样，Plunker 让我们可以处理前端JavaScript代码，支持社交帐号登录。

在项目中，我们可以添加或删除文件，然后进行编辑，它还为我们提供了预览。

它通过向我们提供项目模板来使用Angular和React之类的框架来创建项目。

此外，它支持一键格式化源代码。

我们可以注册并登录以保存修改过的代码。

Scrimba

Scrimba 不是典型的在线代码编辑器，它也是用于学习前端开发的学习工具。

在线代码编辑器是课程的一部分，它包括流行的前端开发主题，例如ES6介绍，React，GraphQL等。

还有其他前端课程，例如CSS和HTML。

Vue.js课程也正在开发中。

StackBlitz

StackBlitz为我们提供了一个基于Visual Studio代码编辑器。

它还带有几个模板来创建新项目，包括Angular，React，Ionic，TypeScript，Rxjs和Svelte。

这很好，因为我们可以创建不仅仅是简单的JavaScript的项目。

另外，我们可以将自己的NPM软件包添加到我们创建的项目中。

由于它基于Visual Studio Code的编辑器，因此在编辑器中我们会得到诸如自动完成代码之类的好东西。

我们也可以自己添加和删除项目文件。它还使我们可以直接从编辑器将项目部署到Firebase。

TypeScript Playground

通过TypeScript Playground网站，我们可以处理TypeScript代码。但是，它不能让我们保存任何东西。

但是我们可以更改要使用的TypeScript版本，以查看哪些版本支持哪个功能。

还有一些我们可以加载的代码示例。

它是学习TypeScript的出色编辑器。

Repl.it

Repl.it 是一个在线编辑器，使我们可以直接从浏览器运行Python或Node.js之类的运行时环境。

因此，用它来处理Node.js代码是很好的，人们已经制作了Node.js模板、Express等等。

我们还可以从编辑器中运行Jest测试。

另外，我们可以从编辑器中直接安装软件包。此外，我们可以将自己的文件添加到我们的项目中。

整个项目可以从脚本编辑器下载。

有些模板允许我们向其内置的终端输入命令。我们也可以创建自己的，让我们打开终端并输入命令。

对于处理Node.js代码来说，这一点是很难被超越的。此外，它还支持其他运行时环境，如Python。

---

如果对你有所启发和帮助，可以点个关注、收藏，也可以留言讨论，这是对作者的最大鼓励。

作者简介：Web前端工程师，全栈开发工程师、持续学习者。

现在关注《前端外文精选》微信公众号，还送某网精品视频课程网盘资料啊，准能为你节省不少钱！