从0到1基于Monaco构建在线Web编辑器
文章平均质量分 80
当前在线Web编辑器应用场景组件增多,较多基于Monaco编辑器实现的Web代码编辑器版本较为简单,相关文档也让人一言难尽,部分基于vscode实现的Web在线编辑器扩展较为麻烦,使用成本也较高;本专栏将基于Monaco编辑器,从0到1实现一个简单易用,可扩展性高的在线Web版编辑器,并封装为组件包
一树梨花
这个作者很懒,什么都没留下…
展开
-
文件系统设计 - 开发文件系统Store (下篇)
此篇我们将根据前文的接口类型定义,逐步分析实现文件系统相关的API逻辑,完成文件系统Store部分的开发工作。原创 2024-09-23 10:51:17 · 23 阅读 · 0 评论 -
文件系统设计 - 开发文件系统 Store (上篇)
本章以一个基础的响应式Store类开始,对编辑器最核心的基础模块-文件系统管理进行开发设计,遵循面向接口编程的理念,设计文件系统的相关接口类型定义。原创 2024-09-21 11:29:05 · 605 阅读 · 0 评论 -
从一个Vite Vue项目开始 - 整体设计
搭建组件库开发环境,并整体介绍组件库开发的设计思路和整体架构。原创 2024-09-21 10:37:38 · 232 阅读 · 0 评论 -
开篇: 为什么要做这个项目?
经过调研和体验下来,并没有能够找到一款完全符合我预期的编辑器产品,最终决定下来自己来做这么一个编辑器,一方面解决当前的工作问题,也将这个项目的流程和开发实现中遇到的问题提取出来,帮助有需要的人。基于Monaco实现的前端代码编辑器(包括Vue语言的支持)内存文件系统管理,包括文件创建,目录创建,重命名,文件移动等等在线依赖安装,并且能够对编辑器提供包类型提示支持代码搜索,类似VSCode编辑器的文件搜索,内容替换等能力多编辑器代码分栏编辑Prettier 代码自动格式化。原创 2024-09-07 12:31:09 · 152 阅读 · 0 评论