一款轻量语法高亮插件——Prism.js
Prism 是一款轻量级、可扩展的语法高亮插件,在构建时考虑了现代 Web 标准。它被用于数百万个网站,包括您每天访问的一些网站。
地址: https://prismjs.com/
安装使用方法:
$ npm install prismjs
然后你可以import进入你的包:
import Prism from 'prismjs';
<script src="prism.js" data-manual></script>
或者
<script>
window.Prism = window.Prism || {};
window.Prism.manual = true;
</script>
<script src="prism.js"></script>
使用方法:
p { color: red }
p { color: red }
高亮插件主要可以让
标签里面的代码高亮, 就跟编辑器里显示的一样, 有利于阅读, 有利于用户体验, 常用的highlight.js, 这里要说的是更加轻量的选择——Prism.js