marked+highlight.js实现代码高亮效果加复制

marked是对markdown进行解析的插件,它可以把markdown语法解析成html语法,从而实现页面效果,而highlight.js是对解析出的代码实现高亮效果

**安装 marked highlight.js clipboard **

npm install marked --save
npm install marked-highlight --save
npm install highlight.js --save
npm install  clipboard --save

node.js 版本18.2

使用marked对代码块进行高亮显示和增加复制功能

引入 highlight.js 有两种方式:

加载全部 import hljs from ‘highlight.js’;

加载常用的 import hljs from ‘highlight.js/lib/common’;





封装成组件使用









你可能感兴趣的:(javascript,vue,前端)