Highlight.js-高亮代码

Highlight.js

Highlight.js是用JavaScript编写的 语法突出显示工具。 github,

• 它在浏览器和服务器上均可使用。
• 它几乎可以与任何标记一起使用，不依赖任何框架，并且具有自动语言检测功能。

Vue中使用highlight.js格式化高亮代码

1.安装

 npm install highlight.js --save //默认导入将导入所有语言

2.引入

import  hljs  from 'highlight.js';  
// 样式文件
import('highlight.js/styles/atom-one-light.css');

3.定义指令

<script>
export default {
   
  directives