免费在线 IDE

1、Codepen.io

地址：https://codepen.io/

image.png

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

用于：

  • 创建名为“Pens”的代码片段
  • 专注于 HTML、CSS 和 JavaScript 的代码和展示

2、Jsfiddle.net

地址：https://jsfiddle.net/

image.png

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

用于：

  • 快速展示和测试 HTML、CSS 和 JavaScript 代码。
  • 获取 HTML、CSS 和 JS 代码片段。

3、Codesandbox.io

地址：https://codesandbox.io/

image.png

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

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

  • 静态网站
  • 全栈网络应用
  • Angular 组件、React 组件、Vue 组件……等等。

4、 Stackblitz.com

地址：https://stackblitz.com/

image.png

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

用它来：

  • 创建静态网站（HTML、CSS）
  • 使用当今的技术（Angular、React、Vue 等）创建动态的全栈应用程序
  • 与他人快速分享您的应用。
  • 使用特定技术（例如 Typescript、Angular、React 工作区和其他技术）创建自定义工作区。

5、Playcode.io

地址：https://playcode.io/

image.png

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

用于：

  • React、Angular、Vue 等技术。
  • 构建一个完整的 Web 应用程序并将其发布到 PlayCode 的域里。

原文链接：[https://blog.csdn.net/qq_46094651/article/details/132211110]