最初 Node.js 只能在本地运行,但很多网站为了方便开发者学习和分享自己的代码,通过各种手段,将 Node.js 运行环境搬到了浏览器中,下面将一一为大家介绍一些当下流行的线上运行平台。

在线运行环境在线IDE环境 两类展开,

咱们通过下面的代码检测各平台的 Node.js 版本。

js // 打印输出 "hello world" console.log('hello world') // 输出 Node.js 的版本信息到控制台 console.log(process.version)

1 在线运行环境

支持直接编写 Node.js 代码并运行,只支持单文件场景,不支持多文件。

1.1 码上掘金

“码上掘金” 是由稀土掘金官方推出的在线 code playground 服务,在这里,无需搭建复杂的开发环境即可实现代码效果的即时预览,

支持多种语言。

新建一个 Node.jshello world 示例。

编写完直接点击运行即可。

1.2 RunKit

RunKit 是一个基于云端的 Node.js 环境,提供了一个交互式的代码编辑器和运行时环境。可以直接编辑和运行 Node.js 代码。

示例代码运行结果如下,

优点:支持切换 Node 版本,支持加载 npm 包,国内访问速度也还不错。

2 在线 IDE 环境

类似 Cloud IDE,支持创建文件夹和文件,大部分功能和本地 IDE 无异,

2.1 Repl.it

Repl.it 是一个云端的多语言编程运行环境,支持多种语言。用户可以在 Repl.it 的编辑器中编写代码,并直接在网页上运行、调试和分享代码。

示例代码运行结果如下,

优点:提供了相对完整了 IDE 编程环境,支持 npm,Git,数据库等操作,支持多人协作开发。

2.2 CodeSandBox

CodeSandbox 是一个在线的,基于浏览器的代码编辑器,正如名字所示,它提供了一个代码沙盒环境,您可以在其中编辑、构建和运行您的代码,而无需在本地安装任何开发工具或环境,提供多种流行的前端框架支持。

每种技术栈还提供多种模板选择,

示例代码运行结果如下。

2.3 StackBlitz

StackBlitz 是一个基于浏览器的在线 IDE,支持多种流行的前端框架。提供了一个类似于 VS Code 的开发环境,

示例代码运行结果如下。

优点:提供了相对完整了 IDE 编程环境,和本地无太大差异,支持在终端中模拟指令操作。

对比总结

这一节我们介绍了一些主流的支持在线运行 Node.js 代码平台,下面汇总了一个对比表格,供大家参考。

| 平台 | Node版本 | 访问速度 | IDE环境 | 支持分享 | | :---------: | :----------------: | :----: | :---: | :--: | | 码上掘金 | 16 | ⭐️⭐️⭐️ | ❌ | ✅ | | RunKit | 多版本(14/16/18 etc.) | ⭐️⭐️⭐️ | ❌ | ✅ | | Repl.it | 12 | ⭐️⭐️ | ✅ | ✅ | | CodeSandBox | 16 | ⭐️ | ✅ | ✅ | | StackBlitz | 16 | ⭐️⭐️ | ✅ | ✅ |

读者可以根据试用后的体感 Pick 2 个合适自己的,可以用于日常分享 Demo,和快速验证一些想法。