这是一个实验性质的项目,用于进行 monaco-editor 的研究。
- 从头开始,学习如何使用 monaco-editor ,包括语法定义,主题定义等
- 为自己的 Markdown 编辑器应用做技术储备,以后会尝试借助 WebView2 创建自己的 Markdown 编辑器控件并开源
- monaco-editor 的文档太过于匮乏,如此强大的编辑器却难以入门,我欲借此机会通过构建编辑器,将自己的学习体验发布出来以帮助后来者
项目采用 vue2 作为主体框架,通过 Vue-CLI 进行服务配置
- clone 项目到本地
- 定位到项目目录,在命令行中运行
yarn
以下载依赖包 - 下载完成后,运行
yarn dev
启动服务 - 打开浏览器,输入
localhost:8080
以查看编辑器运行效果
目前关于monaco-editor的学习成果在我的博客进行展示。
项目目前基本完成,仍在进行探索,目前已完成的有
- 编辑器的创建
- 语法的定义
- 主题的配置
- 语法高亮
- 语法解析及渲染(markdown-it)
- 暴露对外方法以便集成