vue集成codemirror代码编辑器

点击上方“ 青年码农 ”关注

回复“特效源码”可获取各种资料

CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码,并带有多种语言模式和插件 ,可实现更高级的编辑功能。

本教程是基于vue2实现集成,使用vue-codemirror插件

1. 安装

# npm
npm  install vue-codemirror -S
# yarn
yarn  add vue-codemirror -S

2. 新建组件并引入

<template>
   <div>
     <codemirror
      ref="cm"
      v-model=

你可能感兴趣的:(vue.js)