操骚逼网,图片区偷拍区小说区,国产成人无码精品久久久久,荫蒂添出高潮A片视频,久久国产免费观看精品3,娇女嗯啊好猛h古代,国产精品久久久久毛片软件,少妇与上司在办公室啪啪

技術(shù)編輯：芒果果丨發(fā)自思否編輯部

SegmentFault 思否報道丨公眾號：SegmentFault

什么是在線代碼編輯器？

在線代碼編輯器是駐留在遠程服務(wù)器上的工具，可以通過瀏覽器訪問。

一些在線代碼編輯器具有與文本編輯器更相似的基本特性，而另一些則像完整的集成開發(fā)環(huán)境(Integrated Development environment，IDE)。在本文中，我們將介紹這兩種類型。

一些在線代碼編輯器專注于一種語言，甚至一個框架。例如，有些產(chǎn)品自稱 Javascript 在線代碼編輯器或 React 在線編輯器。

在線代碼編輯器的基本使用實例

許多方法可以使用在線代碼編輯器，但我們要強調(diào)幾個基本的方法，這些方法證明了對在線代碼編輯器的需求。

合作

使用桌面 IDE 設(shè)置協(xié)作過程可能很困難。有了在線代碼編輯器，這項任務(wù)就像在谷歌文檔中創(chuàng)建文檔一樣簡單。

共享和開發(fā)者關(guān)系

可以使用在線代碼編輯器與同事、朋友或全世界共享您的代碼。您可以在博客文章、入門教程和文檔中使用沙箱嵌入或鏈接。

快速安裝新應(yīng)用程序

有一些在線代碼編輯器以與主機集成在一起，因此您可以開發(fā)一個簡單的應(yīng)用程序并在幾分鐘內(nèi)托管它來測試它。

在線面試和招聘

使用在線代碼編輯器，可以在一分鐘內(nèi)完成詢問，這有助于了解候選人的解決方案和處理代碼。

原型設(shè)計

盡早并經(jīng)常測試你的想法。可以驗證想法，并從用戶那里得到即時反饋。不需要設(shè)置。共享和協(xié)作選項也將為您提供幫助。

學(xué)習(xí)

在現(xiàn)代網(wǎng)絡(luò)開發(fā)中，跟隨最新的消息是值得的，更好的是，在真實的環(huán)境中嘗試它們。最好的在線代碼編輯器允許您快速地完成這項工作，而不需要不必要的設(shè)置。

如何選擇在線代碼編輯器

大多數(shù)有名的在線代碼編輯器都有許多出色的功能。其中包括自動完成、 git 集成、插件支持、 CI/CD 管道等。但是這些小事情可以讓一個特定的編輯器比其他編輯器更適合你。

選擇在線 IDE/代碼編輯器時需要注意的一些方面:

應(yīng)用程序的運行速度
免費編輯：顯示多少廣告
與存儲庫管理器集成
易于設(shè)置
語言支持
NPM支持
終端支持
大量的文字和布局設(shè)置

在線代碼編輯器的核心功能

在線代碼編輯器必須具備以下基本特征：

分享
布局設(shè)置
合作
制表設(shè)置
評論
結(jié)果視圖
基本文件結(jié)構(gòu)

在線代碼編輯器的優(yōu)點：

零安裝。你不需要下載，安裝和配置 IDE
共享與協(xié)作。開始編碼，然后將 URL 轉(zhuǎn)發(fā)給你的同事，以便繼續(xù)你的工作或幫助你調(diào)試它
零成本或很少成本。絕大多數(shù)在線代碼編輯器都有免費版本，足以滿足您的大多數(shù)日常任務(wù)
基于訂閱的定價。每月支付在線編輯器而不是每年支付許可證費用可能非常有用。

在線代碼編輯器的缺點：

功能有限。有些代碼編輯器甚至忽略了被稱為代碼編輯器的基本特性。
性能問題。許多基于 web 的 ide 和代碼編輯器都存在性能問題。
沒有版本控制，絕大多數(shù)的在線代碼編輯器沒有任何 git 工具的集成。
沒有互聯(lián)網(wǎng)-沒有發(fā)展。必須在線工作才能使用線代碼編輯器。

審查過的代碼編輯器

Codesandbox

可以為每個流行的前端框架使用模板。React、Vue、Angular 和 Pop 像 Gatsby、Next 等一樣。

Codesandbox 將自己定位為一個開發(fā)平臺。社區(qū)提供了很多模板。此外，您可以使用文件結(jié)構(gòu)和依賴關(guān)系為特定用例創(chuàng)建自己的模板，如 IDE 中所示。
該工具與 Github 集成，可以輕松創(chuàng)建提交和打開 PRs。開箱即用，您可以將應(yīng)用程序部署到 ZEIT 或 Netlify。

對于前端，在線代碼編輯器中支持 NPM.此外，還有一個熱模塊重新加載。當(dāng)然，每個沙箱都有一個安全的 URL，并且支持 HTTPS，用于分享和反饋。

至于與代碼沙箱的寫作，可以與同事在線工作，與他們聊天，并控制誰可以進行編輯或觀看代碼。

還有許多其他功能，比如：

測試視圖
內(nèi)置終端
自動運行Jest測試
熱模塊重新加載
項目組織
以 zip 形式導(dǎo)出代碼
內(nèi)置連接器(ESlint)

至于價格，Codesandbox Pro 版本的價格為 9 美元，其中包括私有 GitHub 存儲庫和無限個私有沙箱。

Playcode

Playcode 只是一個簡單的工具，用于快速構(gòu)建原型和查看編碼結(jié)果。該工具具有典型的三窗口布局: 代碼編輯器、控制臺和結(jié)果視圖。該產(chǎn)品有一個基本的文件結(jié)構(gòu)，但沒有版本控制和其他 IDE 特性。

它只支持 Javascript，HTML 和 CSS。還有一個選項可以選擇編輯器樣式、字體大小和其他文本編輯功能。

Codepen

代碼編輯器可能是在線代碼編輯器市場上最流行的工具。這個平臺在某種程度上已經(jīng)開始發(fā)展成為社交網(wǎng)絡(luò)，類似于 Pinterest。工程師可以在平臺上分享他們的最佳實踐和標(biāo)識，并獲得社區(qū)的認可。

該工具內(nèi)部有完善的搜索功能。可以發(fā)現(xiàn)感興趣的模板、項目、代碼片段和主題。
Codepen 的最大特色是學(xué)習(xí)和發(fā)現(xiàn)新技術(shù)和最佳實踐。瀏覽、工作和使用 Pens 是了解它們是如何構(gòu)建和代碼如何工作的一個很好的方式。

另一個有趣的細節(jié)——代碼的演示模式。在會議、聚會和講臺上非常有用。

顯著特點:

文件系統(tǒng)
自動完成
私人沙箱
網(wǎng)站設(shè)置
協(xié)作模式

價格從每月8美元到26美元不等，還有免費的限量版。

Stackblitz

Stackblitz 與完整的 IDE 非常相似，該工具是基于 VS 代碼構(gòu)建的。該產(chǎn)品具有廣泛的特性，可以啟動并繼續(xù)開發(fā)完整的全堆棧應(yīng)用程序。該工具由許多開發(fā)人員所熟悉的 Visual Studio 提供支持。

它會自動處理安裝依賴項、編譯、捆綁和熱重載。

導(dǎo)入庫對于 web 開發(fā)至關(guān)重要，所以 StackBlitz 包含了一個內(nèi)置瀏覽器 npm 客戶端，它支持一次安裝多個軟件包和特定的版本。

該項目的殺手級功能是離線編輯。Stackblitz 開發(fā)了一個瀏覽器內(nèi)的網(wǎng)絡(luò)服務(wù)器來實現(xiàn)這一點。通過 Stackblitz，您可以在單獨的窗口中預(yù)覽和編輯，這與其他項目中的 iframe 或小窗口相比是非常棒的。

其他值得注意的特性包括與 Github 連接以導(dǎo)入/導(dǎo)出項目，與 Google Firebase 集成以創(chuàng)建全堆棧項目，以及像 ZIP 文件那樣下載項目。

Codeanywhere

Codeanywhere 偽裝為 Web 瀏覽器和移動設(shè)備中的完整 IDE。

Codeanywhere 可以很容易地用 Javascript、 PHP、 HTML 和其他 72 種語言為您的項目建立自己的定制開發(fā)環(huán)境。

顯而易見的主要特性是 Codeanywhere 可以連接任何東西，代碼可以駐留在 FTP 服務(wù)器或者其他 Github 源代碼上，但是你可以將它與 Codeanywhere 連接并開始編輯和開發(fā)。

在編輯器模式下，可以使用以下特性:

代碼完成
Linting（js，CSS）
多個游標(biāo)
代碼美化

此外，您可以發(fā)揮布局和顏色的編輯器的修改。該工具有自己的內(nèi)置終端。您還可以與任何開發(fā)人員共享整個項目、文件或文件夾。每個共享都可以有自己獨特的權(quán)限。

Codeanywhere 包含一個實用的差異特性，允許您查看修訂之間的差異，甚至允許您恢復(fù)到以前的代碼狀態(tài)。還有與 git 知識庫和工具的深度集成，這些工具可以簡化開發(fā)操作過程。這個產(chǎn)品適合那些想要移動到云端并永遠留在那里的開發(fā)者。

JSfiddle

JSfiddle 是一個簡單而又非常流行、快速和高效的在線代碼編輯器。該工具允許您快速共享代碼，并可視化查看結(jié)果，StackOverflow 與它集成在一起。
在視覺上，與大多數(shù)競爭者一樣，該界面分為 4 個塊：一個用于編寫代碼的塊、一個用于編輯 CSS、SCSS 或 sass 的代碼，一個用于 HTML 布局的塊以及一個具有可見工作結(jié)果的塊。

代碼編輯塊支持以下語言:

Pure Javascript
React、Preact
Babel + JSX
Coffee script、Vue
Type script

還可以在此塊中更改各種設(shè)置，如加載類型、框架類型和框架屬性。這個工具還有非常好和完整的文檔，以及一個開發(fā)的社區(qū)，它可以投票決定哪些特性將首先被開發(fā)接受。

使用 Vue、 Jquery、 React + JSX 和其他語言編寫的一些流行樣板文件也促進了開發(fā)。至于缺點，JSfiddle 只用于前端工作。它不支持文件和文件夾的概念，也沒有辦法構(gòu)建 CI/CD 管道。

一般來說，這是測試新框架最合乎邏輯和最酷的選擇之一，在新產(chǎn)品的文章和演示中演示代碼。

Htmlcodeeditor

此代碼編輯器只適用于編輯 HTML，完全免費使用。值得注意的功能包括:

自動完成
標(biāo)題中的基本標(biāo)記
標(biāo)簽向?qū)?/span>
查找和替換標(biāo)簽的特性
具有多種清潔功能
這個工具的缺點是有大量的廣告

Repl.it

Repl.it 是最強大的在線開發(fā)工具之一。該產(chǎn)品支持多種語言和框架，包括現(xiàn)代流行的 Haskell、Kotlin 和著名的 Javascript、C ++、Ruby 等。

主頁開始于語言搜索，然后提供選擇以下類別之一：Web 開發(fā)，游戲開發(fā)等。然后，您需要選擇語言并創(chuàng)建代表。

即使在免費版本中，您也可以創(chuàng)建文件結(jié)構(gòu)、控制版本和安裝包。在設(shè)置中，您可以編輯布局、主題、字體大小和縮進大小。共享選項包括嵌入鏈接、普通鏈接、與 dev.to 社區(qū)集成。還有一個叫做“對話”的社交媒體功能，開發(fā)者可以在這里分享收到的反饋和代碼。還有一個很大的功能叫做教室，在這里你可以創(chuàng)建教室，邀請學(xué)生并追蹤進度。

Repl 已被 Facebook、MIT、Google 等公司和組織使用。

價格從免費到每月 7 美元不等，包括私人代表，無限存儲空間和更快的速度。

Jsoneditoronline

Jsoneditoronline 是一個基于 web 的工具，用于查看、編輯和格式化 JSON。它在一個清晰的、可編輯的樹形視圖或代碼編輯器中并排顯示數(shù)據(jù)。您可以在本地或云中存儲文檔。

您還可以使用鏈接共享文檔，將 JSON 文件視為普通代碼或樹，進行查詢，當(dāng)然，還可以在本地保存文件。這是在任何設(shè)備上都不使用設(shè)置和文本編輯器編輯 JSON 文件的一個很好的選擇。

Codeply

Codeply: 市場上又一個快速編輯 Javascript 及其框架的工具。該產(chǎn)品最初于2014年發(fā)布，2019年發(fā)布了第二版。

可以讓你編輯 angular、react、Vue、HTML 引導(dǎo)程序和純 Javascript。該公司背后的團隊表示，該產(chǎn)品適用于快速原型設(shè)計，創(chuàng)建模型，學(xué)習(xí)和探索新的流行庫、API、插件和框架。

標(biāo)準(zhǔn)功能集包括布局設(shè)置、結(jié)果預(yù)覽、現(xiàn)成模板和社交網(wǎng)絡(luò)元素。與其他工具相比，速度相當(dāng)獨特。

Gitpod

Gitpod 旨在保持代碼始終處于測試狀態(tài)并保持最新狀態(tài)。它與 Github 緊密集成：每次更新代碼時，它都會運行測試。

該產(chǎn)品具有VScode接口，并支持所有主要的后端/前端語言和框架（如 Django、Rails、Revel 等）。

Plnkr

Plunker 是一個在線社區(qū)，用于創(chuàng)建，協(xié)作和共享 Web 開發(fā)想法。

Plunker 的核心功能是速度。盡管復(fù)雜，但 Plunker 編輯器的設(shè)計目的是在 2 秒內(nèi)加載。