專(zhuān)為開(kāi)發(fā)者準(zhǔn)備的10個(gè)優(yōu)秀JavaScript語(yǔ)法高亮庫(kù)

作者：最美分享Coder 2019-11-18 08:41:09

開(kāi)發(fā)人員需要語(yǔ)法突出顯示工具作為輔助符號(hào)的一種形式，以幫助我們?cè)诮Y(jié)構(gòu)化編程語(yǔ)言或標(biāo)記中編寫(xiě)代碼。有些代碼高亮庫(kù)附帶了額外的功能，例如拼寫(xiě)檢查器，代碼折疊，以及提高文本上下文中總體代碼可讀性的功能，從而使編碼人員可以檢測(cè)可能跨越幾頁(yè)的代碼中的錯(cuò)誤。

[[282579]]

介紹

專(zhuān)為開(kāi)發(fā)者準(zhǔn)備的10個(gè)最佳JavaScript語(yǔ)法高亮庫(kù)

1.SHJS

SHJS是一個(gè)JavaScript庫(kù)，可以在瀏覽器上突出顯示客戶(hù)端的HTML源代碼。它使用GNU源代碼突出顯示的語(yǔ)言定義，從而使其能夠突出顯示以多種語(yǔ)言編寫(xiě)的源代碼。SHJS帶有Highlight程序中的幾個(gè)主題，并根據(jù)GNU v3許可證分發(fā)。

http://shjs.sourceforge.net/

2. SyntaxHighlighter

SyntaxHighlighter是功能齊全的客戶(hù)端語(yǔ)法突出顯示工具。

https://github.com/syntaxhighlighter

3. highlight.js

Highlight.js是Web的語(yǔ)法突出顯示庫(kù)。它的功能包括對(duì)185種語(yǔ)言和89種樣式的支持。它具有自動(dòng)語(yǔ)言檢測(cè)和多語(yǔ)言代碼突出顯示功能。它也可用于所有node.js，并可以與任何標(biāo)記一起使用，并且與任何其他JS框架完全兼容。

https://github.com/highlightjs/highlight.js

4. Rainbow

Rainbow是一個(gè)輕量級(jí)的代碼突出顯示器(1.4kb)，只需要一個(gè)JS模塊即可突出顯示所展示的語(yǔ)言。顏色和字體是通過(guò)CSS主題支持定制的。通過(guò)按快捷鍵組合，它可以幫助開(kāi)發(fā)人員輕松按顏色跟蹤許多變量。

https://github.com/ccampbell/rainbow

5. Microlight.js

Microlight.js是一個(gè)開(kāi)源庫(kù)，通過(guò)突出顯示(盡管提供了編程語(yǔ)言)并且沒(méi)有其他語(yǔ)言包或樣式來(lái)改進(jìn)代碼段。與其他代碼突出顯示庫(kù)不同，它使用常規(guī)突出顯示策略。它突出顯示代碼，而不考慮編程語(yǔ)言或代碼結(jié)構(gòu)。

https://github.com/asvd/microlight

6. CodePress

CodePress是一個(gè)基于Web的編輯器，其語(yǔ)法突出顯示代碼是用JavaScript編寫(xiě)的。在瀏覽器上輸入文字時(shí)，它將實(shí)時(shí)為文本著色。它具有代碼片段，快捷方式，自動(dòng)完成和多窗口功能。

http://codepress.sourceforge.net/

7. Jush JavaScript Syntax Highlighter

JavaScript Syntax Highlighter(Jush)用于以以下語(yǔ)言突出顯示客戶(hù)端語(yǔ)法：HTML，JavaScript，CSS，PHP，HTTP和SMTP協(xié)議，SQL，PHP.ini和Apache配置。

https://jush.sourceforge.io/

8. Prism.js

Prism.js是一個(gè)輕量級(jí)的語(yǔ)法突出顯示工具，它考慮了可擴(kuò)展的內(nèi)置現(xiàn)代Web標(biāo)準(zhǔn)。如今，它已在數(shù)千個(gè)網(wǎng)站中實(shí)現(xiàn)。它簡(jiǎn)單，直觀，輕如羽毛，高度可擴(kuò)展，更快且易于樣式化。

https://prismjs.com/