5 个好用且免费的在线代码编辑器

web前端开发

共 1513字,需浏览 4分钟

 · 2021-08-20

英文 | 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 的域里。

结论
每个人都有自己的喜好,发现并选择一个让你成为更好的开发者的工具非常重要。 我希望这些对你有用。 
如果你觉得我今天的内容非常棒的话,请记得给我点个赞,以及与你身边的朋友一起分享它。
感谢你的阅读。

学习更多技能

请点击下方公众号


浏览 79
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报