素材巴巴 > 程序开发 >

vue 中使用 highlight.js , 及代码高亮组件

程序开发 2023-09-06 16:06:16

一个组件一个prop实现代码高亮

在编写组件文档或者博客时,经常有需要贴代码的地方,同时为了美观,通常想要其像vscode那样高亮显示代码。

如果是用 vuepress 等 vue-powered 生成的静态SSR 博客或者文档项目,将没有这部分的顾虑,markdown语法的编译会帮您做好一切的事情


但如果只是想给组件写一个说明文档,或者一个简单的github-page

可能会用到代码高亮

请添加图片描述

请添加图片描述

组件提供了

开箱即用,大小仅有27kb

快速开始的例子 stackblitz

Github 仓库地址

F-one-1/vue-highlight-code (github.com)


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。