英文 | https://javascript.plainenglish.io/5-best-free-ides-on-the-internet-b5602d41bf68

翻译 | 杨小二

免费的在线 IDE 对我们开发人员来说只是一种福利。

在我们购买 IDE 或安装市场上的免费 IDE 之前，让我告诉你，我们根据要使用的技术安装和配置编辑器。

我们对具有不同配置和技术的其他应用程序重复此步骤。我们花时间配置东西而不是实际编写应用程序。你不会立即看到差异。你需要保存并刷新浏览器——这是多么浪费时间。

现在情况仍然如此，但在执行任务或客户项目数月时这是正常的。现代在线编程方式对好奇的人来说是一个真正的推动力，他们渴望知识和发现新技术，而无需将精力和时间花在配置和安装等副业上。

我希望你会喜欢并巧妙地使用这 5 个好用且免费在线 IDE。

准备好，出发吧！

1、Codepen.io

地址：https://codepen.io/

CodePen 是一个面向前端设计人员和开发人员的社交开发环境。 构建和部署网站、展示你的工作、构建测试用例以进行学习并与他人分享。

用于：

• 创建名为“Pens”的代码片段

• 专注于 HTML、CSS 和 JavaScript 的代码和展示

2、Jsfiddle.net

地址：https://jsfiddle.net/

JsFiddle 非常受欢迎。 它也是在 StackOverflow 上展示解决方案最常用的 IDE。

用于：

• 快速展示和测试 HTML、CSS 和 JavaScript 代码。

• 获取 HTML、CSS 和 JS 代码片段。

3、Codesandbox.io

地址：https://codesandbox.io/

Codesandbox 是一个免费的在线编辑器，用于快速 Web 开发。 这个IDE太强大了。 你可以快速制作原型，尝试一些解决方案，并与客户分享你的建议。

使用它在桌面或任何其他设备上创建以下内容：

• 静态网站

• 全栈网络应用

• Angular 组件、React 组件、Vue 组件……等等。

4、 Stackblitz.com

地址：https://stackblitz.com/

Stackblitz 是一个免费的在线 IDE。 帮助你创建、编辑和部署全栈应用程序。 启动新应用程序和新工作区。

用它来：

• 创建静态网站（HTML、CSS）

• 使用当今的技术（Angular、React、Vue 等）创建动态的全栈应用程序

• 与他人快速分享您的应用。

• 使用特定技术（例如 Typescript、Angular、React 工作区和其他技术）创建自定义工作区。

5、Playcode.io

地址：https://playcode.io/

这个免费的 IDE 更适合像我这样的前端爱好者。 你可以在线运行 JavaScript 或 TypeScript 代码，并在键入时查看结果。 很容易做一些前端实验并与他人分享。

用于：

• React、Angular、Vue 等技术。

• 构建一个完整的 Web 应用程序并将其发布到 PlayCode 的域里。

结论

每个人都有自己的喜好，发现并选择一个让你成为更好的开发者的工具非常重要。 我希望这些对你有用。 

如果你觉得我今天的内容非常棒的话，请记得给我点个赞，以及与你身边的朋友一起分享它。

感谢你的阅读。

学习更多技能

请点击下方公众号