一个组件一个prop实现代码高亮
一个组件一个prop实现代码高亮
在编写组件文档或者博客时,经常有需要贴代码的地方,同时为了美观,我们通常想要其像vscode那样高亮显示代码。
如果你是用 vuepress 等 vue-powered 生成的静态SSR 博客或者文档项目,你将没有这部分的顾虑,markdown语法的编译会帮您做好一切的事情
但如果你只是想给组件写一个说明文档,或者一个简单的github-page
你可能会用到代码高亮
文章图片
文章图片
组件提供了
- 明暗 两种风格
- 复制选项
- 滚动条样式优化
- 等等
快速开始的例子 stackblitz Github 仓库地址 F-one-1/vue-highlight-code (github.com)
推荐阅读
- 后端思维篇(手把手教你写一个并行调用模板)
- 新来一个技术总监(禁止戴耳机写代码,发现就扣绩效。。)
- application.properties中的SpringBoot未知属性
- 想想S.M.A.R.T.在为下一个UX项目定义业务目标时
- PyQt5 中调用MySql接口失败( QSqlDatabase 组件)在Linux环境下如何修改
- 安装OpenStack Glance 组件
- wepy2.0中使用vant-weapp组件
- LeetCode 825. Friends Of Appropriate Ages
- Android组件体系之视图绘制
- uni-app视频组件设置圆角