紹

開發人員需要語法突出顯示工具作為輔助符號的一種形式，以幫助我們在結構化編程語言或標記中編寫代碼。有些代碼高亮庫附帶了額外的功能，例如拼寫檢查器，代碼折疊，以及提高文本上下文中總體代碼可讀性的功能，從而使編碼人員可以檢測可能跨越幾頁的代碼中的錯誤。筆者將在本文介紹10個語法高亮庫

1.SHJS

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

http://shjs.sourceforge.net/

2. SyntaxHighlighter

SyntaxHighlighter是功能齊全的客戶端語法突出顯示工具。

https://github.com/syntaxhighlighter

3. highlight.js

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

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

4. Rainbow

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

https://github.com/ccampbell/rainbow

5. Microlight.js

Microlight.js是一個開源庫，通過突出顯示（盡管提供了編程語言）并且沒有其他語言包或樣式來改進代碼段。與其他代碼突出顯示庫不同，它使用常規突出顯示策略。它突出顯示代碼，而不考慮編程語言或代碼結構。

https://github.com/asvd/microlight

6. CodePress

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

http://codepress.sourceforge.net/

7. Jush JavaScript Syntax Highlighter

JavaScript Syntax Highlighter（Jush）用于以以下語言突出顯示客戶端語法：HTML，JavaScript，CSS，PHP，HTTP和SMTP協議，SQL，PHP.ini和Apache配置。

https://jush.sourceforge.io/

8. Prism.js

Prism.js是一個輕量級的語法突出顯示工具，它考慮了可擴展的內置現代Web標準。如今，它已在數千個網站中實現。它簡單，直觀，輕如羽毛，高度可擴展，更快且易于樣式化。

https://prismjs.com/

9. Syntax.js

Syntax.js是一個簡單的代碼語法突出顯示庫，對于任何編程語言而言，該語法都很小，靈活，主題化且速度更快，它有三個內置主題：

https://github.com/rainner/syntaxy-js

10. CodePrinter

CodePrinter是一個JavaScript可視代碼編輯器，它支持語法突出顯示，自定義代碼格式以及13種內置主題。

https://www.cssscript.com/demo/lightweight-code-editor-with-pure-javascript-codeprinter/

<pre>
 <code class="language-css">p { color: red }</code>
</pre>

$ npm install prismjs

import Prism from 'prismjs';

var Prism=require('prismjs');
// 你想使用高亮的代碼片段
var code="var data=1;";
// 返回一個html字符串
var html=Prism.highlight(code, Prism.languages.javascript, 'javascript');

T之家 4 月 22 日消息，微軟預告正在開發的 Visual Studio 2022 17.6，亮點之一是會高亮突出 JavaScript 和 TypeScript 語法。微軟承諾后續將對關鍵字、標簽中的字符串、轉義字符、JSDocs 等進行高亮處理。

IT之家附對比效果圖如下：

微軟表示本次改進，是聽取了開發者的反饋和建議，讓開發者更輕松地區分復雜代碼的不同部分。Visual Studio 2022 17.6 使用不同顏色，能夠讓開發者更輕松地篩選代碼。

開發者如果不喜歡這項改進，可以前往“工具”>“選項”>“環境”>“字體和顏色”，然后從“顯示設置”下拉列表中選擇“文本編輯器”進行調整。