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

翻譯 | 楊小二

免費的在線 IDE 對我們開發(fā)人員來說只是一種福利。

在我們購買 IDE 或安裝市場上的免費 IDE 之前，讓我告訴你，我們根據(jù)要使用的技術安裝和配置編輯器。

我們對具有不同配置和技術的其他應用程序重復此步驟。我們花時間配置東西而不是實際編寫應用程序。你不會立即看到差異。你需要保存并刷新瀏覽器——這是多么浪費時間。

現(xiàn)在情況仍然如此，但在執(zhí)行任務或客戶項目數(shù)月時這是正常的。現(xiàn)代在線編程方式對好奇的人來說是一個真正的推動力，他們渴望知識和發(fā)現(xiàn)新技術，而無需將精力和時間花在配置和安裝等副業(yè)上。

我希望你會喜歡并巧妙地使用這 5 個好用且免費在線 IDE。

準備好，出發(fā)吧！

1、Codepen.io

地址：https://codepen.io/

CodePen 是一個面向前端設計人員和開發(fā)人員的社交開發(fā)環(huán)境。 構建和部署網(wǎng)站、展示你的工作、構建測試用例以進行學習并與他人分享。

用于：

• 創(chuàng)建名為“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 開發(fā)。 這個IDE太強大了。 你可以快速制作原型，嘗試一些解決方案，并與客戶分享你的建議。

使用它在桌面或任何其他設備上創(chuàng)建以下內容：

• 靜態(tài)網(wǎng)站

• 全棧網(wǎng)絡應用

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

4、 Stackblitz.com

地址：https://stackblitz.com/

Stackblitz 是一個免費的在線 IDE。 幫助你創(chuàng)建、編輯和部署全棧應用程序。 啟動新應用程序和新工作區(qū)。

用它來：

• 創(chuàng)建靜態(tài)網(wǎng)站（HTML、CSS）

• 使用當今的技術（Angular、React、Vue 等）創(chuàng)建動態(tài)的全棧應用程序

• 與他人快速分享您的應用。

• 使用特定技術（例如 Typescript、Angular、React 工作區(qū)和其他技術）創(chuàng)建自定義工作區(qū)。

5、Playcode.io

地址：https://playcode.io/

這個免費的 IDE 更適合像我這樣的前端愛好者。 你可以在線運行 JavaScript 或 TypeScript 代碼，并在鍵入時查看結果。 很容易做一些前端實驗并與他人分享。

用于：

• React、Angular、Vue 等技術。

• 構建一個完整的 Web 應用程序并將其發(fā)布到 PlayCode 的域里。

結論

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

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

感謝你的閱讀。

學習更多技能

請點擊下方公眾號