当前位置: 首页 > Web前端 > JavaScript

Vue使用highlight.js,代码高亮组件

时间:2023-03-26 22:38:53 JavaScript

一组件一prop实现代码高亮。在写组件文档或者博客的时候,经常会有需要粘贴代码的地方。同时,为了美观,我一般希望它像vscode一样高亮代码。如果是vuepress等vue-powered生成的静态SSR博客或文档项目,则无需担心这部分。markdown语法编译帮你搞定一切。但是如果你只是想写一个组件的描述文档,或者一个简单的github-page可以使用代码高亮1UYK(L@9__R@)8A}ZR.png"title="RUV1UYK(L@9__R@)8A}ZR.png">组件提供浅色和深色两种样式复制选项滚动条样式优化等开箱即用,大小仅为27kb快速入门示例stackblitzGithub仓库地址F-one-1/vue-highlight-code(github.com)