1. Dabblet

以便于可視化Dabblet將任務(wù)和界面分解成不同的部分。您可以對(duì)代碼及其輸出使用不同的預(yù)覽。Dabblet 不是目前功能最豐富的代碼共享網(wǎng)站，但它完成了它的任務(wù)。

Dabblet 的重點(diǎn)是生產(chǎn)力和更輕松的工作流程管理。它沒(méi)有大量可供您使用的選項(xiàng)，而是以您認(rèn)為合適的方式簡(jiǎn)單地共享代碼。

2. Liveweave

Liveweave是一個(gè)功能極其豐富和強(qiáng)大的代碼共享和 CSS3、HTML5 和 JavaScript 的 Web 開發(fā)解決方案。它加載了大量的 JS 庫(kù)、調(diào)色板和其他框架管理工具。

Liveweave 有自己的 CSS 代碼生成器。除此之外，還可以使用它為您的項(xiàng)目生成虛擬文本。Liveweave 為每種選擇的語(yǔ)言提供獨(dú)立的半窗口或面板，使用起來(lái)非常簡(jiǎn)單，例如 CSS、HTML 和 JS 代碼可以獨(dú)立運(yùn)行。

3. JSFiddle

JSFiddle一直都是其聯(lián)盟中最早的代碼共享網(wǎng)站之一，其使用四個(gè)單獨(dú)的面板或子窗口。每個(gè)面板分別專用于 HTML、CSS 和 JavaScript，第四個(gè)面板保留用于輸出。

除了代碼協(xié)作之外，JSFiddle 還具有一些非常簡(jiǎn)潔的特性。它支持各種 JS 庫(kù)，還具備本地自動(dòng)保存代碼的能力。您可以使用它來(lái)生成嵌入代碼，或者在與您的團(tuán)隊(duì)成員一起處理項(xiàng)目時(shí)預(yù)覽代碼的外觀。

4. Codeply

Codeply是一個(gè)非常流行的代碼共享網(wǎng)站和前端編輯器。它支持幾乎所有可能用于前端設(shè)計(jì)和開發(fā)的技術(shù)、框架或樣板，例如Bootstrap、Foundation、PureCSS、Skeleton。

Codeply 通常用于創(chuàng)建響應(yīng)式設(shè)計(jì)和組件。它有自己的社區(qū)，程序員可以在其中展示他們的作品。由于 Codeply 主要側(cè)重于前端編輯，您可以選擇所需要的框架快速開始。

5. Codeshare

Codeshare是一個(gè)簡(jiǎn)單而簡(jiǎn)潔的代碼共享網(wǎng)站，可讓您實(shí)時(shí)工作和共享代碼。它不需要您注冊(cè)，需要做的就是編寫或粘貼您的代碼。此外，還可以通過(guò)鏈接的形式將代碼分享給團(tuán)隊(duì)成員。

Codeshare 還具有視頻聊天功能，可實(shí)現(xiàn)更好的協(xié)作。由于它不需要注冊(cè)，共享僅能保存兩周，不能實(shí)現(xiàn)永久保存。由于其簡(jiǎn)單性，Codeshare 非常受歡迎。

6. JS Bin

JS Bin是HTML、CSS 和 JavaScript 代碼的代碼共享和 pastebin 解決方案。界面非常簡(jiǎn)單。窗口分為三個(gè)面板，左側(cè)和中間用于輸入代碼、右側(cè)顯示結(jié)果。此外還可以可以根據(jù)需要使用選項(xiàng)卡在代碼語(yǔ)言之間切換或調(diào)出控制臺(tái)。

JS Bin 是一個(gè)功能豐富的解決方案。它還有一個(gè)專業(yè)版，每月需要花費(fèi) 12.99 英鎊。專業(yè)版提供的功能包括將您的工作備份到 Dropbox、使用虛 URL 或創(chuàng)建受保護(hù)以供公眾查看的私人垃圾箱。

7. Codepad

到目前為止，Codepad支持各種編程語(yǔ)言： HTML、CSS 、 JavaScrit、C、C++、Python、PHP、Java 等等。

Codepad 可讓您創(chuàng)建公共和私人代碼項(xiàng)目，也可以在社區(qū)共享您的代碼。由于多語(yǔ)言代碼共享網(wǎng)站并不多，Codepad 脫穎而出。

8. CSSDeck

不要被名稱所迷惑，CSSDeck除了支持 CSS 外還支持 HTML 和 JavaScript。不管是否注冊(cè)，都可以進(jìn)行使用。它目前擁有超過(guò) 56,000 名注冊(cè)用戶。

CSSDeck 有什么特別之處？它允許您編寫代碼、協(xié)作和共享代碼段。此外，一個(gè)特殊的功能是您可以創(chuàng)建“ Codecast”，也就是說(shuō)，為給定的輸出創(chuàng)建實(shí)時(shí)代碼流，觀眾可以觀看和跟蹤。

9. GitHub Gist

GitHub Gist是一種非常受開發(fā)人員歡迎的代碼共享解決方案。GitHub Gist 以幫助開源編碼人員使用企業(yè)級(jí)工具而不燒錢而聞名，它允許您與團(tuán)隊(duì)共享代碼片段和項(xiàng)目。

除了共享和協(xié)作外，GitHub Gist 最好的部分是提供適當(dāng)?shù)奈臋n，團(tuán)隊(duì)成員可以在代碼中留下反饋和評(píng)級(jí)。

10. CodePen

CodePen讓您可以通過(guò)"pen"的方式共享和處理代碼片段。創(chuàng)建一個(gè)“pen”意味著您已經(jīng)設(shè)置了一段代碼并可進(jìn)行共享。如果你是土豪，還可以注冊(cè)專業(yè)版（每月9美元），解鎖更多功能。

CodePen支持大多數(shù)著名的 CSS 預(yù)處理器，包括 LESS 和 SASS。你可以使用 CSS、HTML 和 JS來(lái)編寫代碼，也可以瀏覽別人的pens來(lái)尋找靈感。

11. Snipplr

Snipplr是一個(gè)用于與全世界以及您的團(tuán)隊(duì)共享代碼片段的網(wǎng)站。本質(zhì)上，它是來(lái)自不同編程語(yǔ)言（JavaScript、HTML、PHP、CSS、Ruby 甚至 Objective C）的代碼片段的倉(cāng)庫(kù)。

您可以共享代碼片段，它會(huì)在網(wǎng)站上實(shí)時(shí)顯示，供所有人查看。或者，您可以注冊(cè)然后通過(guò)您的帳戶分享片段，將它們保存在一個(gè)地方，并根據(jù)您的意愿進(jìn)行查看。

12. CodeProject

CodeProject更像是一個(gè)知識(shí)共享社區(qū)，而不是代碼粘貼站。如果您正在尋找“粘貼代碼、獲取鏈接、分享”解決方案，CodeProject 對(duì)您來(lái)說(shuō)不太合適。

它允許您啟動(dòng)有關(guān)代碼片段的話題和帖子，其他用戶可以查看和學(xué)習(xí)這些代碼片段并留下反饋。它幾乎支持所有編碼語(yǔ)言，包括 .NET 、 C# 以及 SQL 等數(shù)據(jù)庫(kù)內(nèi)容。此外，CodeProject 為 Android 和 iOS 等移動(dòng)開發(fā)人員提供了單獨(dú)的部分。如果您希望學(xué)習(xí)更好的編碼并尋求有關(guān)您的編碼技能的反饋，CodeProject 是一個(gè)很好的起點(diǎn)。

13. CollabEdit

CollabEdit并不在代碼共享網(wǎng)站之列，但是其做的真的很好。CollabEdit 本質(zhì)上是一個(gè)協(xié)作代碼編輯器。

它使您可以與團(tuán)隊(duì)成員實(shí)時(shí)協(xié)作編寫代碼。此外，它支持幾乎所有主要的編碼語(yǔ)言，并加載了幾乎所有可以從代碼編輯器中獲得的功能，例如語(yǔ)法高亮顯示和文檔歷史記錄。

14. Pasted.co

Pasted.co是一個(gè)代碼共享網(wǎng)站和 pastebin，其產(chǎn)品相當(dāng)獨(dú)特。在大多數(shù)情況下，它的功能與其他所有此類網(wǎng)站一樣。

Pasted.com有趣的地方是：每次有人點(diǎn)擊您的鏈接查看共享代碼時(shí)，都會(huì)在頁(yè)面上顯示廣告，您分享一部分廣告收入！因此，一旦您在 Pasted.co 注冊(cè)并使用它分享您的代碼，您就有機(jī)會(huì)賺取額外的收入。

15. Etherpad

Etherpad是一個(gè)開源代碼編輯器，具有實(shí)時(shí)協(xié)作代碼編輯功能。這意味著您和您的團(tuán)隊(duì)成員可以同時(shí)編碼并有效協(xié)作。

Etherpad 允許您通過(guò)任何可用實(shí)例進(jìn)行交互來(lái)促進(jìn)協(xié)作。該編輯器是開源的，可以免費(fèi)使用，您可以通過(guò)插件對(duì)其進(jìn)行擴(kuò)展。但是，您需要下載 Etherpad 基礎(chǔ)軟件并將其安裝到您的計(jì)算機(jī)上才能使用它。Etherpad 支持 Linux、Mac 和 Windows 設(shè)備。

參考文檔：https://www.designbombs.com/code-sharing-websites/