Vue3 中集成 Monaco Editor 安装 创建一个简单的代码编辑器 本段介绍了如何在项目中引入 Monaco Editor 以及 如何创建一个简单的代码编辑器。 实现效果 实现代码 Mona

本次分享的主要内容包括 Monaco Editor 的基础介绍，自定义语言的语法高亮、代码补全、hover显示等功能，阅读时长大概在20～25分钟左右。

最近看到了一个比较有意思的功能，就是鼠标画一个区域，在这个区域内的元素都被选中。类似于windows桌面的鼠标滑动选中了图标一样。就觉得这个功能用在低代码平台上很有用，比如可以批量删除，批量移动位置等

时隔两个月，我又基本写好了一个开源项目，这次给大家带来的是一个在线代码编辑器。 在两个月前我发布了我的个人第一个项目 create-neat 脚手架，而这次的在线代码编辑器使用的构建工具就是基于这个脚

当初vue3发布的时候是被Vue SFC Playground惊艳了一下，自己也跑过，核心是使用@vue/compiler-sfc实现的vue文件编译转换成对应的js代码然后放在页面进行执行，功能很好

👋🏻 嗨，这里是月光多晴朗的日常频道🛰开源探月。 json可视化｜ monaco编辑器｜reaflow图表引擎｜Storybook组件框架｜zustand状态管理｜UML时序图 ⬆️ 今日关键词

使用 Monaco Editor 写了一个 SQL 编辑器，实现了不少功能。在此记录下开发过程及相关经验。

本文跟各位掘友详细聊聊我在项目中通过集成**Monaco Editor**实现的些需求点，如果在后面各位用到能帮到你的话就更好了😃！

使用vue-pdf-embed，在Vue3中实现PDF的预览和打印功能。总体来说还是很容易的，配置项不多。