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

結論

每個人都有自己的喜好，發現并選擇一個讓你成為更好的開發者的工具非常重要。 我希望這些對你有用。?

如果你覺得我今天的內容非常棒的話，請記得給我點個贊，以及與你身邊的朋友一起分享它。

感謝你的閱讀。

學習更多技能

請點擊下方公眾號

總結

以上是生活随笔為你收集整理的5 个好用且免费的在线代码编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。