longphoenix的博客

原创 [个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

组件简介vue-code-view是一个基于 vue 2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。使用此组件, 不论 vue 页面还是 Markdown 文档中的示例代码，效果如下：组件的由来当项目中页面或者 Markdown 文档包含大量代码时，使用 highlight.js 进行代码高亮后极大的增大了阅读性，但是当我们阅读时想要对当前代码进行编辑调试时，只能打开本地开发环境或者跳转至 codepen codesandbox等在线项目示例。即使是很简单的代码