前情回顾：一鼓作气，再鼓，再鼓！！哈哈哈。争取早日占领 Monaco 领地。上一篇文章讲到的三个功能分别是 Position 类型、设置 markers、指定位置插入或替换内容涉及到的知识点：⛈️ 获取光标位置：⛈️ 获取某个位置处的单词：这一篇文章继续来探索更多的功能吧！遨游在 monaco editor 的世界里是不是很快乐啊哈哈哈哈（bushi，大佬写的非常好，是少有的成系列的学习 Mona

前言：上一篇文章讲了如何在我们下载的源码项目中，增加一个自己的路由页面供我们自由发挥，下面的若干篇文章，我会和大家一起探索 Monaco Editor 的 API，探索 Monaco Editor 的功能。Monaco Editor 的官方文档特别的简便，这也是学习来困难的原因之一。但是学习它一定是非常有价值的。接下来继续本篇文章的探索吧！一起加油吧！

本篇文章主要记录浏览阮一峰《TypeScript 教程》书籍的过程中本人不会的一些TypeScript的用法。当然，可以说，我都不会哈哈哈，不过有的用法比较奇葩的我就不记录了，只记录我觉得项目中会用到，比较有实用价值的知识点。不得不说，阮老师写的真的是太好了，清晰易懂，而且特别详细。

使用到该路由守卫的组件类中应该定义一个名称相同的方法，用来告诉路由守卫能不能离开当前页面，在路由守卫中调用这个方法来决定返回值是什么。路由模块懒加载可以实现用户首次请求应用的时候只请求根模块，其他模块等用户访问的时候再加载，优化用户体验。一个路由可以应用多个守卫，所有守卫都允许，路由才可以访问。是一个接口，我们需要自定义一个路由守卫类，路由守卫类要实现这个接口。中，定义子级路由的跳转链接并且给子级

vue-ssr的使用

另外项目目录也比较清晰，就是传统的 Vue3 项目。学习一个开源项目，最好的学习方式是从某一个功能入手，这一篇咱们就来看一个简单的功能吧，就是【添加幻灯片】功能。寓意着store中可以存储着多个对象，但是它们的根部又紧密相连~~~~~~可以看到幻灯片其实是一个数组，逻辑还挺容易看懂的。下载运行就不说了，很简单方便，而且没有报错。方法，用来创建一个空白页并添加到下一页。文件中，点击按钮的时候会触发。

本篇从 Monaco Editor 下载、启动开始，顺着入口文件以及示例 Hello World 项目的脉络，学习了源码的执行过程。学习这种大型项目的源码一定要有耐心，另外就是在学习的过程中需要查漏补缺，遇到不会的东西补一补，慢慢的积累。

左侧区域支持选择一个系统中的文件夹，或者将文件夹拖拽到这个区域进行上传，右侧区域可以将文件夹的结构展示为树形结构。

【tiptap-editor】的一部分基础知识

本文主要分析模版编译和组件创建过程的Vue源码，通过思维导图总结代码执行过程