如何使用CodeMirror插件实现基于React和Vue的代码对比功能？

本文共计868个文字，预计阅读时间需要4分钟。

目录 + 1. 第一步：下载插件 + 2. Vue代码如下 + 3. React Hooks代码如下 + 4. 一点心得：要实现一个需求 + 代码编辑器，用户上一次写的代码和现在的代码要区分开来。网上找到了几个案例，拿来过过瘾。

目录

• 1.第一步：下载插件
• 2.vue代码如下：
• 3.react hooks代码如下：
• 4.一点心得

要实现一个需求：一个代码编辑器，用户上次写的代码和现在的代码要区分出不同。网上找了几个案例，拿过去一用差点气吐血，报错像雪花一样，浪费时间！

本文中的代码，一键粘贴拿来即用，代码就是我在写这篇文章时写的demo，绝无报错。

1.第一步：下载插件

vue或者react都需要这一步且同样的下载方式。