推薦14個強大的程式碼編輯網站，快放入收藏夾吧！

這篇文章推薦給大家分享14個強大的程式碼編輯網站（可以展示你程式碼的網站），它們都提供線上預覽功能，所以別人可以看到你的程式碼如何運作。它們有時候也被稱為「代碼廣場」。

它們不只提供簡單的程式碼展示功能，還提供許多程式碼協作和實際程式設計過程會用到的功能。例如，當你需要別人幫你調試原始碼的時候，可以使用這些網站分享你的問題程式碼，然後把連結分享給幫助你的人。這使得他們可以方便的查看你的原始碼並提供解決方案。

1、CodePen

網址：https://codepen.io

在CodePen上，你可以示範被稱為 pens 的程式碼。 Pen 由 HTML、CSS和JS組成。 Codepen有很多方便你展示程式碼的功能。例如，它支援 SASS 和 LESS 語法，可以快速的添加常用的JS庫如jQuery、Angular等。這裡可以查看該網站上流行的Pens。

2、Liveweave

網址：https://liveweave.com/

Liveweave是一個非常棒的線上原始碼編輯器。這也是網站設計師和開發者的終極遊樂場，一個很棒的測試、練習和展示你程式碼的工具。我非常喜歡它，它可以非常方便的為你的程式碼添加第三方依賴。你只需點擊兩次就可以為你的程式碼添加Bootstrap、jQuery等常用的Web開發包。

3、dabblet

網址：https://dabblet.com/

這個程式碼展示平台更偏向CSS，但它也有HTML和JS展示功能。一個方便的地方是它使用了-prefix-free JS庫，所以你不需要擔心CSS屬性的前綴。

4、JS Fiddle

網址：https://jsfiddle.net/

JS Fiddle具有非常強大的JavaScript程式碼展示功能。它具有多個版本的開發庫，如jQuery、MooTools、React。它內建程式碼分析工具JSHint。它甚至允許你透過它的 echo API來模擬AJAX請求。

5、kodtest

網址：http://kodtest.com/

這個程式碼高亮展示網站允許你調整預覽尺寸，支持行動裝置和一些其他常用的螢幕裝置。這個功能可以幫你快速調試響應式斷點。

6、Plunker

網址：http://plnkr.co/

Plunker是一個創建、合作、分享你的網站開發思路的線上社群。它的程式碼編輯器具有非常多的功能。這裡是Plunker上瀏覽最多的展示清單。

7、CSSDeck

網址：http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg

CSSDeck具有一個簡潔的使用者介面。如果你想找一個簡單的展示程式碼的功能，這個一個很好的候選工具。看到你程式碼展示的人可以在下面做出評論，不過他們需要提前註冊網站的帳號或使用Github帳號登入。

8、code.reloado.com

網址：http://code.reloado.com/#javascript,html

#這是另一個簡單的展示你程式碼的工具。它提供很多js函式庫， jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。

9、Ideone

網址：https://ideone.com/

這個程式碼展示工具讓你展示伺服器端程式碼語言(PHP 、Perl等)。也可以處理像C 這樣的軟體程式語言。當你執行程式碼的時候，Ideone會為你和你的程式碼reviewers顯示執行結果。它也會為你列出它發現的編譯錯誤。

10、codepad

網址：http://codepad.org/

codepad是另一個展示伺服器端語音的選擇。它支援程式語言如PHP、Ruby、C、C 、Python等。

11、JS Bin

網址：http://jsbin.com/?html,output

JS Bin是整合很多功能的程式碼展示平台。它甚至有一個控制台來讓你調試和檢查程式碼。它的控制台跟Chrome瀏覽器的控制台基本上一樣。並且JS Bin具有codecasting。

12、Tinkerbin

網址：https://tinkerbin.herokuapp.com/

Tinkerbin是一個簡單的提供了你需要的所有功能的代碼廣場。 Tinkerbin除了支援JavaScript也支援CoffeeScript，除了支援CSS還支援Sass/SCSS/Less，除了支援HTML還支援HAML。

14、SQL Fiddle

網址：http://sqlfiddle.com/

SQL Fiddle是展示你的SQL語句的平台。它可以運行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。

更多程式相關知識，請造訪：程式設計影片！ ！