在上一篇译文中，我们已经跑通了 Monaco Editor 的项目，接下来我们来具体看下，如何配置自定义语言高亮。 Monaco Editor 通过自带的语法高亮库 Monarch 来支持配置自定义语言。通过它，即可使用 JSON 创建声明式语法支持高亮。我们可以通过 mona…

最近在日常搬砖时接到一个需求，需要在网页上实现一个代码编辑器，编辑器支持govaluate语法（govaluate语法简介请戳这里），需要有代码编辑器最基本的交互效果，代码提示、关键词高亮、代码错误捕

词法、语法、语义分析概念都属于编译原理的前端领域，而这次的目的是做 具备完善语法提示的 SQL 编辑器，只需用到编译原理的前端部分。 经过连续几期的介绍，《手写 SQL 编译器》系列进入了 “智能提示” 模块，前几期从 词法到文法、语法，再到构造语法树，错误提示等等，都是为 “…

在本文中，我将介绍 Web 编辑器是如何工作的，并且我们将创建一个自定义语言。 我们要构建的语言编辑器很简单。它声明一个 TODO 列表，然后将一些预定义的指令应用于它们。我将这种语言称为 TodoLang。以下一些示例是这个语言的说明： 我们可以使用 COMPLETE TOD…

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

基于Monaco Editor 和 Language Server Protocal实现云端代码编辑器

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

开源的世界每天都丰富多彩，2022年前端领域会有什么新的挑战？下面是我们整理的20个有趣的开源项目，希望当中有您想要收藏的那一个。

严重拖延症，一方面这项目模块纯属个人娱乐。另一方面，流程图这块涉及的东西还是蛮多的，这次也只是介绍一些简单的部分。拖了这么久，现在终于要开始硬着头皮写一篇基于vue+svg的流程图"伪教程"文章了。初次献丑，还请轻喷。 出于学习vue而非兼容的目的，本项目仅考虑现代浏览器( 谷…