文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

85.精读《手写 SQL 编译器 - 智能提示》

利用 monaco-editor 生态，利用 sql reader 封装 monaco-editor 插件，同时实现 用户 编辑器 间的交互，与 编辑器 语义分析器 间的交互。...select | from b; 从语法角度来看，它是错的，因为实际上是一个不完整语句 "select from b;" 从提示角度来看，它是对的，因为这是一个正确的输入过程，光标位置再输入一个单词就正确了...之后在 AST 中找到 my_custom_symbol 字符串，对应的节点就是光标位置。实际上这可以解决大部分问题，除了关键字。...非关键字： 针对非关键字，我们解决方案和用特殊字符串补充类似，但也有不同： 在光标位置插入一个新 Token，这个 Token 类型是特殊的 “光标类型”。...sql-parser 不仅可以生成语法树，还能找到当前光标位置所在语法树的节点，找到 SQL 某个语法返回的所有字段列表等功能，基于它，甚至可以做 UI 与 SQL 文本互转的应用。

4.3K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Linux 上的文本编辑器 vim

    Linux 上的文本编辑器 vimVim 编辑器：大多数Linux都会自带的文本编辑器。功能强大：代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。...功能强大到其官方现在对自己的定位是“程序开发工具”Vim 编辑器：三种模式 • 命令模式 • 编辑模式 • 末行模式命令模式• 用vim FILENAME进入之后的默认模式 • 可以“上下左右”移动光标...• 可以剪切字符或整行、也可复制、粘贴移动光标：• 方向键或者hjkl• ^和$：快速到所在行的开头和末尾（用0也可以到开头）• 30j：向下移动30行（数字+方向进行快速移动）• ctrl+f或b:...-- INSERT --提示) • 其实有多种进入的模式（i/a/o/I/A/O），但是记住一种即可 • 按esc键退出该模式 • 在编辑模式下即可正常的编辑、修改文本内容末行模式在命令模式下输入一个:...• :s/// 只替换光标所在行的第一次Vim 编辑器：vimtutor zh_CN 可以查看帮助文档

    1.8K00

    Linux进阶 01 Linux上的文本编辑器 vim

    今天跨入Linux进阶部分的学习！主要包括vim编辑器以及集中生信常用的文件格式介绍！...1 vim编辑器是什么大多数Linux都会自带的文本编辑器2 vim编辑器的三种模式2.1 命令模式用vim FILENAME进入之后的默认模式可以“上下左右”移动光标可以剪切字符或整行，也可复制、粘贴...2.1.1 移动光标方向键/hjkl^和$：快速到所在行的开头和末尾30j：向下移动30行（数字+方向进行快速移动）ctrl+f/ctrl+b：上下翻页（forward/back）gg：快速回到文档的第一行的第一个字符...G：快速到文件底部2.1.2 剪切、复制与粘贴x：剪切一个字符10x：连续剪切10个字符 dd：剪切所在行10dd：剪切所在行及向下共10行yy：复制光标所在行10yy：复制所在行及下面10行p：在当前行的下面进行粘贴注意区分大小写...s/// 只替换光标所在行的第一次3 vimtutorvimtutor zh_CN 可以查看帮助文档

    42810

    那些年我们一起踩过的坑——WebIDE 前端札记

    之前有用户向我们建议使用 monaco 的编辑器，但是更换编辑器会有很多细节需要处理，如果接下来有精力我们可能会换到 monaco。换编辑器也需要很大的工作量，这是一个很头疼的问题。...这个可能说的有点抽象，比如说一个用户在第二个位置插入一个 A 字符，另一个用户也在第二个位置插入一个 B 字符，假设 A 字符先传到服务器，那么通过计算，第一个用户得到的补丁操作应该是在第三个位置插入...B 字符，而第二个用户得到的是在第二个位置插入 A，最后使得两个人得到的结果可以达到同步的，这是比较简单的操作，通过组合可以实现很复杂的协同。...但用户还是不太满意，反馈说输中文的时候输入法位置不对，总是在最左上，因为 sh.js 本身隐藏了一个输入框在最上角，解决方法也很简单：让这个输入框的位置永远跟随光标位置，每次光标位置移动，就把输入框的位置移到光标位置...到了 v3 的时候精力旺盛的小伙伴觉得那个太重型，想想自己实现一个也不难，就自制了一个国际化的组件，实现了很多有趣的小功能，比如自动生成语言文件，在每一个文本上加了 id 方便后续做自动化测试等等，因为是我们自己做的

    1.4K40

    Monaco Editor的对标优势—为什么选择Monaco为在线编辑器内核

    Monaco Editor 是一款开源的在线代码编辑器。它和大热的 VSCode 都是微软家的娃。...Monaco与VSCode微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器...，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSCode在编辑代码，交互以及UI上几乎是一摸一样的，有点不同的是，两者的平台不一样，monaco基于浏览器...Monaco 是一个用于浏览器中的编辑器，始于 2011 年 Erich Gamma 加入微软。后期主要使用在 Visual Studio Online, OneDrive 以及不少内部网站。...参考文章：基于JavaScript的代码编辑器的比较和选型 https://sq.163yun.com/blog/article/184733100361850880转载本站文章《Monaco Editor

    5.8K20

    深感一无所长，准备试着从零开始写个富文本编辑器

    编辑器是个非常注重细节的工程，很多时候都需要深入研究浏览器的API，例如document上的caretPositionFromPoint方法，用以获取当前某个点所在的选区位置，通常用于拖拽文本后的落点定位...实际上这个效果就是使用零宽字符来实现的，在行内容的末尾后面插入零宽字符，就可以做到末尾的文本选中效果。实际上这个效果在word中更常见，也就是额外渲染的回车符号。...在下面的例子中，line-1是无法将光标放置在@xxx内容后的，虽然我们能够将光标放置之前，但此时光标位置是在line node上，是不符合我们预期的文本节点的。...但是使用隐藏的就会出现其他问题，因为焦点在input上时，浏览器的文本就无法选中了。因为在同个页面中，焦点只会存在一个位置，因此在这种情况下，我们就必须要自绘选区的实现了。...例如钉钉文档、有道云笔记就是自绘选区，开源的 Monaco Editor 同样是自绘选区，TextBus 则绘制了光标，选区则是借助了浏览器实现。

    87310

    第三章 —- 了解各种 Linux 文本编辑器

    R，由命令模式进入输入模式 特点：在文件的最下方出现 --INSERT-- --REPALCE-- a：在光标下一个字符之前插入文本 A：在光标所在的航模插入文本 i：在光标上一个字符之前插入文本...I：在光标的行首插入文本 o：在光标所在的行下插入一行文本 O：在光标所在的行上插入一行文本 r：修改当前光标所在的字符 R：替换文本 退出模式：按键 shift + :，由命令模式进入退出模式...（dot） 重复上次更改 复制行的命令 命令 操作 yiw 复制当前单词 yw 复制当前光标位置到词末 yy 复制当前行 P 将拉出的文本放置在当前光标之后。...此命令类似于 Windows 中的黏贴操作 p 将拉出的文本放置在当前光标位置前 搜索命令 /：向下搜索 ?...（开启区分大小写） 样式查找指令 命令 操作 fx 在当前行上的当前光标位置后查找字符 x Fx 在当前行的当前光标位置前查找字符 x /pattern + Enter 查找包含的给定样式的下一行 ?

    2.8K30

    开发一个在线代码对比工具

    Monaco Editor Monaco Editor 是 VS Code 中使用的开源代码编辑器， 拥有代码高亮和代码自动补全的功能，并且内置了一个 Diff Editor。...马上掘金 使用 monaco-editor 创建一个简单的代码编辑器 使用 monaco-editor 创建一个简单的 Diff 编辑器 Monaco Editor 有 2 种加载方式，分别是 amd...关于 Monaco Editor 在 next.js 中的配置，之前有介绍过，大家可以看这篇文章 《在 Next.js 中使用 Monaco Editor》。...好比 Monaco Editor 是一个容器，容器可以设置 Model、切换 Model，比如 vscode 中，每打开一个文件就是一个 Model，文件切换就是切换 model，每个文件都有状态，比如光标位置...代码对比编辑器 GitHub 代码 以上就是本文全部内容，希望这篇文章对大家有所帮助，也可以参考我往期的文章或者在评论区交流你的想法和心得，欢迎一起探索前端。

    3.8K11

    Linux-基础命令(四)

    Windows在使用流程上是一样的，首先我们需要打开文件，然后打开文件里面进行我们的操作修改，然后保存。...每种模式都有不同的功能和用途。 1. 命令模式 (Command Mode) 在命令模式下，你可以执行多种操作，包括移动光标、复制和粘贴文本、删除文本、执行搜索等。这是 Vi 默认的模式。...删除 x：删除光标所在位置的字符。 dd：删除光标所在行。 复制和粘贴 yy：复制当前行。 p：粘贴。 搜索 /：开始向下搜索。 ?：开始向上搜索。 撤销和重做 u：撤销上一步操作。...插入模式 (Insert Mode) 在插入模式下，你可以输入、编辑文本。可以通过命令模式进入插入模式。 进入插入模式的方式： i：在当前光标位置插入文本。 a：在光标后的位置插入文本。...总结 vi&vim在我们在日常运维中，是非常重要的的命令之一，包括日常搜索文件内容，更新文件，配置更新等操作。

    23910

    Vi 和 Vim 文本编辑器使用指南

    基本模式命令模式（普通模式）进入编辑器后默认处于命令模式。在此模式下，可以使用各种命令来移动光标、删除文本、查找文本等。例如，按“h”键可以使光标向左移动一个字符，按“j”键可以使光标向下移动一行。...b：光标移动到上一个单词的开头e：光标移动到当前单词的结尾常用删除命令：x：删除光标所在位置的字符dd：删除光标所在行ndd：删除光标所在行及其下面的 n 行（n 为数字）dw：删除光标所在位置的单词插入模式在命令模式下...此时，可以在光标所在位置插入文本。例如，将光标移动到文件的某个位置后，按“i”，然后输入“Hello, world!”，这段文本就会被插入到光标所在位置。...其他进入插入模式的方式：a：在光标所在位置的后面插入文本o：在光标所在行的下面插入一行并进入插入模式O：在光标所在行的上面插入一行并进入插入模式末行模式（命令行模式）在按“:”键可以进入末行模式。...替换在命令模式下，将光标移动到要替换的字符上，按“r”键，然后输入新的字符，即可替换该字符。例如，光标在字符“a”上，按“r”再输入“b”，“a”就被替换为“b”了。

    86310

    Vim高手修炼手册：Linux下最全常用命令集锦，Linux环境下vim不可不知的常用命令大全

    vi编辑器 基本概述：vi是Unix和Linux下的标准文本编辑器，最早由比尔·乌尔曼（Bill Joy）于1976年开发。它以其高效的键盘快捷键而闻名，并在大多数Unix和Linux系统上内置。...粘贴到光标后的位置 P 粘贴到光标前的位置 dd 删除当前行 dw 删除从光标位置到单词末尾的内容 diw 删除光标所在的整个单词 u 撤销上一步操作 Ctrl + r 重做撤销的操作 v 进入可视模式...pattern 向上搜索包含pattern的文本 n 重复上一次的搜索操作 N 反向重复上一次的搜索操作 插入模式（Insert mode） 在普通模式下，按i、a、o等键可以进入插入模式，此时可以输入文本...在Linux中，vim编辑器的插入模式（Insert Mode）是用户输入文本的主要模式。在插入模式下，用户可以直接在文档中插入或编辑文本。...Ctrl + u 删除从光标位置到行首的所有字符 Ctrl + f 在插入模式下向前移动光标一个字符（但通常不推荐在插入模式中使用此快捷键进行光标移动） Ctrl + b 在插入模式下向后移动光标一个字符

    1.1K00

    手摸手打造类码上掘金在线IDE（二）——编辑器篇

    下面高潮开始，上主菜 IDE主体部分 码上掘金，从结构上来说只有三个部分，分别是编辑器部分，渲染编译器部分，以及 错误提示控制台部分 由于他的初心是是为了轻便，简洁，所见即所得， 所以省略了文件系统 那...codemirror5 这也是跟monaco-editor 可以分庭抗礼的编辑器，支持语言众多而且接入方便，文档，齐全， 虽然也是英文， 可我们有翻译软件啊 而在，在社区繁荣的今天，更是有大佬在他的基础上做出了专门用于...有很多jym 对这个一块可能还相当陌生，那么我们就来分别对这两个编辑器的使用方式来一个简单的介绍 monaco-editor monaco-editor 虽然也有vue的版本接入 vue-monaco-editor...CodeMirror 是通过 JavaScript 实现的文本编辑器。...现在他已经跟新到了codemirror5 vue-codemirror其实就是在他的基础上做了个vue 的封装 接下来我们就直接使用vue这个版本来封装一个属于我们的编辑器 用到的包相对于monaco-editor

    3.3K12

    编辑器-vi、vim的使用

    、选择文本3.8、查找替换1、vi简介vi编辑器是Linux和Unix上最基本的文本编辑器，工作在字符模式下。...由于不需要图形界面，vi是效率很高的文本编辑器。尽管在Linux上也有很多图形界面的编辑器可用，但vi在系统和服务器管理中的功能是那些图形编辑器所无法比拟的。...vi编辑器通常被简称为vi，而vi又是“Visual interface”的简称。它在Linux上的地位就像Edit程序在DOS上一样。...2.2、编辑模式在命令模式下输入插入命令i(当前位置插入)、a(当前位置后一位置插入) 、o(下一行插入)可以进入文本输入模式。...3、vi基本操纵3.1、进入编辑模式命令含义i和Ii在光标前插入，I在行首插入a和Aa在光标后插入，A在行末插入o和Oo在光标所在行下一行插入，O在光标所在行上一行插入3.2、移动光标命令含义h光标向左移动

    1.8K10

    用Rust和React创建一个富文本编辑器

    所以我们创建了一个普通的React组件，并根据单元格的content和formatting生成了富文本内容，然后使用React.createElement()插入实际的元素，这些元素只是一个应用了样式的...然后，我们添加了必要的事件处理程序来捕捉用户的互动，这又将再次调用数据模型上的适当逻辑。 那么用户的光标呢？只是另一个我们自己插入的小React组件。...例如，让我们再看一下光标导航。上一节中的例子显示了如何向左和向右移动光标。但是如果用户按了向下的箭头，他们的光标最终会在哪两个字符之间呢？...这不是一个简单的问题，因为保持光标的垂直位置需要测量上面那一行的字符的位置。但你如何定义什么是 "上面那一行"？无论是content还是formatting都不包含这些信息。...总结 创建你自己的富文本编辑器是一项艰巨的任务，但只要有正确的架构和良好的规划，它肯定是可以做到的。如果你发现自己处于必须选择或开发一个富文本编辑器的位置，我们希望你能发现这篇文章的有用信息。

    3.1K133

    【Linux】包管理器、vim详解及简单配置

    要进入普通模式，如果你当前不在此模式下，只需按Esc键即可 插入模式 在插入模式下，Vim的行为类似于大多数其他文本编辑器，即你输入的任何字符都会被直接插入到文本中。...要进入插入模式，你可以从普通模式开始，然后使用i（在当前光标位置插入）、a（在当前光标位置的下一个字符开始插入）、o（在当前光标所在行的下一行开始新行并插入）等命令之一 命令行模式 命令行模式不是Vim...2.2 vim普通模式常用命令 2.2.1 移动光标 vim可以直接用键盘上的光标来上下左右移动，但正规的vim是用小写英文字母h,j,k,l，分别控制光标左、下、上、右移一格 G：移动到文章的最后、...#x：例如，6x表示删除光标所在位置的“后面（包含自己在内）”6个字符 X：大写的X，每按一次，删除光标所在位置的“前面”一个字符 #X：例如，20X表示删除光标所在位置的“前面”20个字符 dd：删除光标所在行...4个空格 set shiftwidth=4 : 设置新行时自动缩进的宽度是4个空格 set sts=4 : 在插入模式下，按下 Tab 键时插入的空格数设置为 4 set ruler : 显示光标当前位置的行号和列号

    1K10

    linux常用命令：文本编辑

    1、vim三种工作模式 命令模式：默认，此模式下，可使用方向键（上、下、左、右键）或 k、j、h、i 移动光标的位置，还可以对文件内容进行复制、粘贴、替换、删除等操作； 输入模式：使 Vim 进行输入模式的方式是在命令模式状态下输入...i、I、a、A、o、O 等插入命令，当编辑文件完成后按 Esc 键即可返回命令模式； 快捷键 功能描述 i 在当前光标所在位置插入随后输入的文本，光标后的文本相应向右移动 I 在光标所在行的行首插入随后输入的文本...光标停在空行的行首，等待输入文本 a 在当前光标所在位置之后插入随后输入的文本 A 在光标所在行的行尾插入随后输入的文本，相当于光标移动到行尾再执行a命令 编辑模式：编辑模式用于对文件中的指定内容执行保存...快捷键 功能描述 i 在当前光标所在位置插入随后输入的文本，光标后的文本相应向右移动 I 在光标所在行的行首插入随后输入的文本，行首是该行的第一个非空白字符，相当于光标移动到行首执行 i 命令 o 在光标所在行的下面插入新的一行...光标停在空行的行首，等待输入文本 a 在当前光标所在位置之后插入随后输入的文本 A 在光标所在行的行尾插入随后输入的文本，相当于光标移动到行尾再执行 a 命令 4、查找文本快捷键 快捷键 功能描述 /

    4.2K11

    vim 编辑器常用命令

    Vim是从vi发展出来的一个文本编辑器。其代码补完、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。linux 系统用户最喜欢的编辑器。 下面我们就来看看它常用命令集合。...i：在光标前插入内容 a：在光标后插入内容 o：在下一行插入内容 I：在行首插入内容 A：在行未插入内容 O：找上一行插入内容 esc：进入命令模式。 : ：在命令模式下输入 : 进入末行模式。...即使文件没有被修改也强制写入，并更新文件的修改时间。 :x：写入文件并退出。仅当文件被修改时才写入，并更新文件修改时间，否则不会更新文件修改时间。...X：删除当前光标，向后删除 hjkl：移动光标，对应为左下上右 H M L：移动光标，对应为，顶部，中间，底部。...v：多行选中，光标所在位置 V：多行选中，整行都会被选中 ：向右移动代码 <<：向左移动代码 .

    1.7K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券