HSunboy

本篇文章主要分享如何通过 Dify 平台去打造 SQL 代码补全功能。通过简单的编排即可实现生产可用的补全能力

处理输入的文本，调用VSCode的API来实现具体的功能。 例如：我们要实现代码格式化，可以分为三步。 第一步：获取用户输入的文本。 第二步：格式化用户输入的文本。 第三步，调用VSCode的API来替换文本。 VSCode将提供处理用户输入，格式化文本的部分称为 Langua…

在日常开发过程中，团队成员的 CSS 写法多样，不同成员会有不同的命名方式，造成整体的样式结构比较混乱，同时，由于对 CSS 的部分认知有点偏差，写出来的样式代码健壮性不高，且难以维护。因此，本文提供了一个基础的指南和规范，让团队的同学在编写 CSS 代码之前能有一个简单的参考…

Web Component 是一种 W3C标准 支持的 组件化方案，通过它，我们可以编写可复用的 组件，同时，我们也可以对自己的组件做更精细化的控制。正如 PWA 一样，他并非一项单一的技术，而是由三项技术组成： 下面，我们从一个简单的例子来入手。 我们准备编写一个 TextR…

在单页应用中，经常使用 webpack 的 动态导入 功能来异步加载模块，从而减少部分文件的体积。我们可以通过webpack 提供的 import() 和 require.ensure 两个 API 来使用该功能。由于两个方法根本实现都是相同的，本文的示例都基于 import(…

Monarch 是 Monaco Editor 自带的一个语法高亮库，通过它，我们可以用类似 Json 的语法来实现自定义语言的语法高亮功能。本文将通过编写一个简单的自定义日志语言（下文简称 log ）来介绍 Monarch 的使用。 首先，我们需要在 monaco 里注册一下…

在介绍 PEG.js 之前，我们先来说下我们为什么需要它。 我们的任务是获取到里面的列名，表名。在现有工具下，我们第一个想到的就是正则表达式，熟悉的同学应该能很快写出这样的正则表达式： 完成了之后发现正则表达式稍微有点长，但是整体结构还是蛮简单的。不过仔细测试发现，我们的正则表…