如何利用CodeMirror构建适合数据科学家使用的IDE系列教程？

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

1. CodeMirror简介CodeMirror是一个用JavaScript实现的通用文本编辑器，专注于代码编辑。它内置多种开发语言模式和支持插件，支持代码高亮、自动补全、查找、快捷键等功能。

1. CodeMirror简介

CodeMirror是一个用 JavaScript 实现的通用文本编辑器，它专门用于代码编辑，内置多种开发语言模式和插件，支持代码高亮、自动补全、查找、快捷键等。

CodeMirror 是一个在MIT许可下的开源项目，目前已用于 Firefox、 Chrome和Safari的开发工具，以及Light Table、Adobe Brackets、Bitbucket等其他项目的编辑器。

CodeMirror核心优势是能广泛兼容Firefox、Chrome、Safari、Internet Explorer/Edge和Opera浏览器，同时支持插件，可以根据自己的需求进行灵活定制，用来开发在线IDE的编辑器很方便。

2. 如何使用

CodeMirror官方最新的版本是CodeMirror 6，目前还处于测试阶段，可以选择使用更成熟稳定的版本CodeMirror 5来开发。

WEB开发框架可以选择用React，通过create-react-app可以快速创建一个React应用。

数据科学家在做模型开发时，一般会使用Jupyter这种交互式编程方式，在模型开发过程中需要多个代码编辑框来写代码，所以先将CodeMirror简单封装成一个公共的React组件，便于后续调用。