当然有办法！完全不需要从零搭建完整的语言服务、解析器或编译器——你可以基于现有的JavaScript/TypeScript语言服务（比如VS Code内置的JS服务，或者TypeScript的tsserver）做扩展，下面是几个实用的方案：

1. 利用TypeScript语言服务插件（Language Service Plugins） #

这是最直接的方案，因为大多数现代JS语言服务都是基于TypeScript的底层能力构建的。TypeScript允许你编写插件来拦截和扩展语言服务的行为，而无需修改核心解析器或编译器：

• 拦截语法解析请求：当插件检测到from 'file' import {a b c}这种自定义语法时，先将其转换为标准ES模块语法import {a, b, c} from 'file'，再传递给原生语言服务处理。
• 扩展补全逻辑：监听编辑器的补全触发事件，当光标处于from '之后时，直接复用原生服务的文件路径补全能力；当光标处于import {之后时，先定位到目标文件，调用原生服务获取该文件的导出成员列表，再将结果适配到你的自定义语法格式中。
• 示例思路：你只需要编写一个TypeScript插件，实现createLanguageServicePlugin接口，在getCompletionsAtPosition等方法中添加自定义逻辑即可。

2. 自定义文本转换层 #

在语言服务处理代码之前，添加一个轻量的文本转换步骤：

• 实时转换语法：当用户在编辑器中输入代码时，先通过简单的正则或语法片段匹配，把from 'file' import {a b c}转换为标准的import {a, b, c} from 'file'，再把转换后的代码传给原生语言服务。
• 映射补全结果：当语言服务返回标准语法的补全建议时，再把结果转换回你的自定义语法格式（比如把补全的逗号分隔成员改成空格分隔）。
• 优势：这种方式几乎不需要修改语言服务本身，只需要在编辑器和语言服务之间加一个中间层，实现成本极低，适合语法差异不大的自定义扩展。

3. 基于Babel插件做语法适配 #

如果你的自定义语法需要更严谨的解析，可以借助Babel的插件机制：

• 编写Babel插件：实现一个Babel插件，将自定义的from 'file' import {a b c}语法解析为标准的ImportDeclaration AST节点。
• 对接语言服务：把经过Babel转换后的AST传给语言服务，这样原生服务就能基于标准AST提供完整的补全、跳转等功能。
• 好处：Babel的解析器已经处理了绝大多数JS语法边缘情况，你只需要扩展它处理你的自定义语法，不用自己写完整的解析器。

关键补全功能的实现细节 #

• 文件路径补全：不管用哪种方案，都可以复用原生语言服务的getCompletionsAtPosition方法中针对模块路径的补全逻辑，只需要判断当前光标位置是否处于自定义语法的from '段，然后触发对应的补全请求。
• 导入成员补全：当用户输入from 'xxx' import {时，先解析出目标文件路径，调用原生服务的getExportedSymbolsFromModule获取该文件的导出成员，再将这些成员以空格分隔的形式返回为补全建议。

需要注意的是，要确保你的自定义语法和现有JS语法没有冲突（比如from 'file' import {a b c}不会被原生解析器误判为其他语法），同时在编辑器中配置好对应的扩展，让语言服务能加载你的插件或转换层。

内容的提问来源于stack exchange，提问作者nicoabie