快捷導(dǎo)航

分享15個(gè)美化代碼的代碼語(yǔ)法高亮工具

更新時(shí)間：2013年09月05日 17:51:43 作者：

由于技術(shù)類網(wǎng)站經(jīng)常提供一些代碼，分享給大家，但普通的代碼看起來(lái)不那么舒服，所以很多人開(kāi)發(fā)了代碼高亮插件，讓代碼顯示的更漂亮

本文作者是Gavin McLeod，一個(gè)被困在《電子世界爭(zhēng)霸戰(zhàn)》里的骨灰級(jí)Web極客。在文中列舉了15個(gè)幫助開(kāi)發(fā)者快速編碼、優(yōu)化代碼的語(yǔ)法高亮工具，每個(gè)高亮工具都有其功能特色。（以下是編譯內(nèi)容）

開(kāi)發(fā)者和頑固的代碼極客深知Code Syntax Highlighter（以下簡(jiǎn)稱“代碼語(yǔ)法高亮工具”）作為二級(jí)符號(hào)的一種形式，便于在一個(gè)結(jié)構(gòu)化語(yǔ)言或標(biāo)記語(yǔ)言里書(shū)寫(xiě)代碼。有些代碼高亮編輯器里融合了多個(gè)語(yǔ)法高亮功能，例如拼寫(xiě)檢查、代碼折疊。語(yǔ)法高亮工具可以在總體策略的使用上起到較大的作用：改善文本的可讀性和上下文語(yǔ)境，尤其是在代碼頁(yè)數(shù)較多的情況下。另外還能幫助開(kāi)發(fā)者快速在編程過(guò)程中定位bug源頭。

不管你是一個(gè)代碼極客還是一個(gè)吊兒郎當(dāng)?shù)拇a農(nóng)，下面為你提供的代碼語(yǔ)法高亮工具保證能讓你寫(xiě)的代碼煥然一新。

1. Prism

Prism是一個(gè)只有1.5KB大小的壓縮版輕量級(jí)工具，能夠簡(jiǎn)單方便的整合到CSS和JavaScript文件里，運(yùn)行速度很快。已經(jīng)使用在Dabblet里（一個(gè)交互式的CSS場(chǎng)地）美化了很多代碼，所以說(shuō)Prism很穩(wěn)定。新的編程語(yǔ)言也可以加入進(jìn)來(lái)，在使用這個(gè)插件架構(gòu)的前提下，新加入的語(yǔ)言功能性將不斷提升；外觀風(fēng)格和使用感覺(jué)都可以通過(guò)CSS來(lái)設(shè)計(jì)。

2. Rainbows

Rainbow是一款用JavaScript腳本編寫(xiě)的只有1.4KB的輕量級(jí)工具。它只需要在有必要高亮顯示的語(yǔ)言上使用JavaScript模型來(lái)保持事情簡(jiǎn)單化就可以了。同樣，顏色和字體可以通過(guò)CSS主題支持來(lái)完全自定義。

3. Snippet

Snippet是一個(gè)jQuery插件，建立在SHJS腳本的頂部以此來(lái)高亮顯示HTML文件里的源代碼。它支持很多種類的腳本語(yǔ)言：JavaScript、SQL、PHP和Ruby等等。其包含39個(gè)內(nèi)置的獨(dú)一無(wú)二的配色圖案，可以不斷的變換調(diào)試。

4. Geshi

這是一個(gè)高度自定義的語(yǔ)法高亮顯示工具，可以在網(wǎng)頁(yè)里用來(lái)更好的展示代碼片段。Geshi經(jīng)過(guò)開(kāi)發(fā)后來(lái)應(yīng)用在phpBB論壇軟件上，但在功能特性上仍然是分開(kāi)使用的。此外，這個(gè)語(yǔ)法高亮工具支持幾乎所有的流行編程語(yǔ)言，像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。

5. Syntax Highlighter

Syntax Highlighter幫助一個(gè)開(kāi)發(fā)者/碼農(nóng)輕松在線公布代碼片段，而且代碼的外觀看上去也很不錯(cuò)。說(shuō)白了，它就是一個(gè)100%建立在JavaScript基礎(chǔ)上的高亮顯示工具，不用考慮服務(wù)器上有什么其他東西。支持多款編程語(yǔ)言，壓縮后的核心庫(kù)只有11KB大小。然而，Syntax Highlighter并不具備編寫(xiě)高亮代碼的能力，也不為用戶提供編寫(xiě)源代碼的能力。

6. Google Code Prettify

這是在Google Code網(wǎng)站使用的腳本。這個(gè)腳本能夠自動(dòng)查出正在使用的編程語(yǔ)言，進(jìn)行相應(yīng)的美化。同時(shí)也可以通過(guò)CSS來(lái)自定義。

7. Hightlight.js

Hightlight.js基本上不需要采用復(fù)雜的步驟就可以使用了，因?yàn)樗淖詣?dòng)化程度很高：找出代碼塊，檢測(cè)語(yǔ)言，高亮顯示一下就行了。它已經(jīng)開(kāi)始支持第三方應(yīng)用程序，并提供Firefox擴(kuò)展程序用于查看代碼，但是沒(méi)有語(yǔ)法高亮顯示。

8. SHJS:Syntax Highlighting in JavaScript

SHJS是一個(gè)JavaScript程序，它可以高亮顯示在HTML文檔里的源代碼段落。文件使用SHJS將會(huì)通過(guò)web瀏覽器高亮顯示在客戶端。這就賦予了SHJS一項(xiàng)功能，那就是能夠高亮顯示源代碼是使用不同的語(yǔ)言編寫(xiě)的。

9. Quick Highlighter

這個(gè)在線高亮工具提供許多編碼語(yǔ)言，你可以選擇多個(gè)選項(xiàng)將這些編碼語(yǔ)言集體高亮顯示。在高亮顯示代碼、Combine Style、HTML Code、Highlight內(nèi)置關(guān)鍵詞、數(shù)據(jù)類型、Strict Mode和Wrap過(guò)剩文本之前你可以選擇檢查或者不檢查代碼。

10. Ultraviolet

Ultraviolet是一個(gè)運(yùn)行在Ruby上的語(yǔ)法高亮引擎，支持50種以上的編程語(yǔ)言和20種以上的主題。

11. Pygments:Python Syntax Highlighter

這款語(yǔ)法高亮工具是用Python構(gòu)建的，支持大部分的編程語(yǔ)言、多種輸出格式，它還可以被當(dāng)作是一個(gè)命令行工具或者是一個(gè)類庫(kù)來(lái)使用。

12. Lighter for MooTools

Lighter是一個(gè)免費(fèi)的語(yǔ)法高亮工具，專門(mén)為MooTools而開(kāi)發(fā)的。MooTools開(kāi)發(fā)者在創(chuàng)建Lighter之初運(yùn)用了許多框架結(jié)構(gòu)上的功能特點(diǎn)。它運(yùn)用起來(lái)就像是在網(wǎng)頁(yè)上添加一個(gè)單獨(dú)的腳本那樣簡(jiǎn)單，選擇你想要高亮顯示的元素，Lighter會(huì)自動(dòng)處理其余部分。

13. CodePress

CodePress是一個(gè)基于網(wǎng)絡(luò)的源代碼編輯器，帶有用JavaScript編寫(xiě)的語(yǔ)法高亮工具，隨著在瀏覽器里連續(xù)打字，文本的顏色會(huì)實(shí)時(shí)發(fā)生變化。除此以外，它還有代碼片段、自動(dòng)完成、快捷方式和多窗口功能。