推薦14個(gè)牛逼的代碼編輯網(wǎng)站，記得收藏哦！
今天我將跟大家分享一些可以展示你代碼的網(wǎng)站，它們都提供在線預(yù)覽功能，所以別人可以看到你的代碼如何運(yùn)行。它們有時(shí)候也被稱作“代碼廣場(chǎng)”。
它們不僅僅提供簡(jiǎn)單的代碼展示功能，還提供很多代碼協(xié)作和實(shí)際編程過(guò)程會(huì)用到的功能。例如，當(dāng)你需要?jiǎng)e人幫你調(diào)試源代碼的時(shí)候，可以使用這些網(wǎng)站分享你的問(wèn)題代碼，然后把鏈接分享給幫助你的人。這使得他們可以方便的查看你的源代碼并提供解決方案。
1、CodePen
網(wǎng)址：https://codepen.io
在CodePen上，你可以演示被稱作 pens 的代碼。Pen 由 HTML、CSS和JS組成。Codepen有很多方便你展示代碼的功能。例如，它支持 SASS 和 LESS 語(yǔ)法，可以快速的添加常用的JS庫(kù)如jQuery、Angular等。這里可以查看該網(wǎng)站上流行的Pens。
2、Liveweave
網(wǎng)址：https://liveweave.com/
Liveweave是一個(gè)非常棒的在線源代碼編輯器。這也是網(wǎng)站設(shè)計(jì)師和開發(fā)者的終極游樂(lè)場(chǎng)，一個(gè)偉大的測(cè)試、練習(xí)和展示你代碼的工具。我非常喜歡它，它可以非常方便的為你的代碼添加第三方依賴。你只需點(diǎn)擊兩次就可以為你的代碼添加Bootstrap、jQuery等常用的Web開發(fā)包。
3、dabblet
網(wǎng)址：https://dabblet.com/
這個(gè)代碼展示平臺(tái)更偏向于CSS，但它也有HTML和JS展示功能。一個(gè)方便的地方是它使用了-prefix-free JS庫(kù)，所以你不需要擔(dān)心CSS屬性的前綴。
4、JS Fiddle
網(wǎng)址：https://jsfiddle.net/
JS Fiddle具有非常強(qiáng)大的JavaScript代碼展示功能。它具有多個(gè)版本的開發(fā)庫(kù)，如jQuery、MooTools、React。它內(nèi)置代碼分析工具JSHint。它甚至允許你通過(guò)它的 echo API來(lái)模擬AJAX請(qǐng)求。
5、kodtest
網(wǎng)址：http://kodtest.com/
這個(gè)代碼高亮展示網(wǎng)站允許你調(diào)整預(yù)覽尺寸，支持移動(dòng)設(shè)備和一些其他常用的屏幕設(shè)備。這個(gè)功能可以幫你快速調(diào)試響應(yīng)式斷點(diǎn)。
6、Plunker
網(wǎng)址：http://plnkr.co/
Plunker是一個(gè)創(chuàng)建、合作、分享你的網(wǎng)站開發(fā)思路的在線社區(qū)。它的代碼編輯器具有非常多的功能。這里是一個(gè)Plunker上瀏覽最多的展示列表。
7、CSSDeck
網(wǎng)址：http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg
CSSDeck具有一個(gè)簡(jiǎn)潔的用戶界面。如果你想找一個(gè)簡(jiǎn)單的展示代碼的功能，這個(gè)一個(gè)很好的候選工具。看到你代碼展示的人可以在下面做出評(píng)論，不過(guò)他們需要提前注冊(cè)該網(wǎng)站的帳號(hào)或者使用Github帳號(hào)登錄。
8、code.reloado.com
網(wǎng)址：http://code.reloado.com/#javascript,html
這是另一個(gè)簡(jiǎn)單的展示你代碼的工具。它提供很多js庫(kù)， jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。
9、Ideone
網(wǎng)址：https://ideone.com/
這個(gè)代碼展示工具允許你展示服務(wù)器端代碼語(yǔ)言(PHP、Perl等)。也可以處理像C++這樣的軟件編程語(yǔ)言。當(dāng)你運(yùn)行代碼的時(shí)候，Ideone會(huì)為你和你的代碼reviewers顯示運(yùn)行結(jié)果。它也會(huì)為你列出它發(fā)現(xiàn)的編譯錯(cuò)誤。
10、codepad
網(wǎng)址：http://codepad.org/
codepad是另一個(gè)展示服務(wù)器端語(yǔ)音的選擇。它支持編程語(yǔ)言如PHP、Ruby、C、C++、Python等。
11、JS Bin
網(wǎng)址：http://jsbin.com/?html,output
JS Bin是一個(gè)集成很多功能的代碼展示平臺(tái)。它甚至有個(gè)控制臺(tái)來(lái)讓你調(diào)試和檢查代碼。它的控制臺(tái)跟Chrome瀏覽器的控制臺(tái)基本一樣。并且JS Bin具有codecasting。
12、Tinkerbin
網(wǎng)址：https://tinkerbin.herokuapp.com/
Tinkerbin是一個(gè)簡(jiǎn)單的提供了你需要的所有功能的代碼廣場(chǎng)。Tinkerbin除了支持JavaScript還支持CoffeeScript，除了支持CSS還支持Sass/SCSS/Less，除了支持HTML還支持HAML。
14、SQL Fiddle
網(wǎng)址：http://sqlfiddle.com/
SQL Fiddle是展示你的SQL語(yǔ)句的平臺(tái)。它可以運(yùn)行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。
— 完 —
長(zhǎng)按進(jìn)入小程序，進(jìn)行打卡簽到
（更多精彩值得期待……）
所有資料都整理到網(wǎng)盤了，歡迎下載！
...
由于資料太多啦，就不一一列舉了 按照下面的步驟領(lǐng)取吧 領(lǐng)取方式：
長(zhǎng)按掃碼，聊天框發(fā)送消息 [java]
長(zhǎng)按掃碼關(guān)注
回復(fù)發(fā)消息 java
另外，給大家推薦份來(lái)自字節(jié)跳動(dòng)大佬的算法進(jìn)階指南，據(jù)說(shuō)有不少小伙伴靠這份指南成功掌握了算法的核心技能，拿到了 BAT offer。希望對(duì)大家有幫助。
資料是 70K Star 的《labuladong 的算法小抄》（作者 labuladong）。
先來(lái)給你們看看里面具體都有哪些內(nèi)容：
現(xiàn)在這本 PDF 免費(fèi)分享給你，你可以掃描下方二維碼回復(fù) 算法 來(lái)領(lǐng)取這本 PDF。 ▲長(zhǎng)按二維碼進(jìn)行關(guān)注▲ ▲回復(fù)「算法」，獲取PDF▲
??給個(gè)「在看」，是對(duì)我最大的支持??
