运行 JavaScript 代码片段的 20 种工具

LeetCode 提供了优秀的 Playground 工具，支持各种语言版本切换，其中也支持 JavaScript，还能没事儿刷刷题不是

17、使用 Repl.it

Repl.it 是一个一站式可在线构建、协作的IDE，同时也提供了 Node 运行环境，还可以连接 github 使用 gist 同步代码片段

18、使用 RunKit + npm

RunKit + npm 在 npm 上我们能发现很多优秀的库，npm 提供了一个功能，可以使用 RunKit取运行测试你的 package，当然也能测试一段代码

19、使用 StackBlitz

StackBlitz 有在线 VSCode 之称，编辑器使用的是微软开源的 Monaco Editor，和 Code Sandbox 类似，提供了一些类库模版，但是目前还没有 Vue 的

20、使用 Plunker Next

Plunker Next 新版的 Plunker 提供了在线创建小 demo 的能力，同时也便于分享

其他

好用的工具层出不穷，其实还有一些其他的工具或者解决方案可以作为选择，比如下面四个不同的类型，我每个挑选了一个代表工具

在线编程

• scrimba - The interactive screencasting platform

本地应用

• RunJS - A scratchpad for your thoughts, a playground for your creativity...

编辑器插件

Quokka.js - Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type.

云开发环境

• Visual Studio Online - Cloud-powered dev environments accessible from anywhere

工具对比

总结

其实对于我而言

• 如果想运行一段代码得到测试结果，最快的方式会选用浏览器控制台，因为浏览器就是最棒的工具
• 如果想要写一个 demo 放在博客上，我会选择 jsfiddle、codepen、codesandbox，这里提供了写demo需要的一切
• 如果想分享漂亮的代码片段，我会使用 Carbonize 生成一张图片，就像博文开头的那张图片

使用在线编辑器的意义我觉得在于快捷、便于分享与协作，而很爱的其实还是VSCode。

没准儿你正在编写你的 playground，或者你有更好的工具，希望和大家一起分享

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!