【Vue】集成Antlr4

devtools/2025/2/21 13:30:25/

1.下载.g4文件

下载地址：https://download.csdn.net/download/qq_42454367/90396095

2.安装Antlr

（1）使用以下命令安装依赖

pnpm install antlr4ng
pnpm install --save-dev antlr4ng-cli

（2）在package.json文件中配置

"scripts": {..."antlr4ng": "antlr4ng -Dlanguage=TypeScript -o src/assets/antlr/ -visitor -listener -Xexact-output-dir src/assets/antlr/Java.g4"},

其中，-Dlanguage为要生成的文件类型，**-o src/assets/antlr/**为生成的目录，src/assets/antlr/Java.g4为.g4文件的地址。
3）点击调试，选择antlr4ng运行。
在这里插入图片描

运行结束，将在目录生成对应文件。
在这里插入图片描述
（4）再在对应页面将其引入调用即可

import { CharStream, CommonTokenStream } from "antlr4ng";
import { JavaLexer } from "@/assets/antlr/JavaLexer";
import { JavaParser } from "@/assets/antlr/JavaParser";

在这里插入图片描述

3.出现的问题

（1）The requested module ‘/node_modules/.vite/deps/antlr4ng.js?v=aaef2d65’ does not provide an export named
在这里插入图片描述

解决方法：在对应位置加上type即可

4.示例代码

import * as antlr4ng from 'antlr4ng'
import { JavaLexer } from '@/assets/antlr/JavaLexer'
import {CompilationUnitContext,ImportDeclarationContext,JavaParser,PackageDeclarationContext,TypeDeclarationContext,
} from '@/assets/antlr/JavaParser'
import { JavaListener } from '@/assets/antlr/JavaListener'
import { JavaVisitor } from '@/assets/antlr/JavaVisitor'/*** 加载解析器** 该函数使用ANTLR解析器对Java代码进行解析它首先将代码字符串转换为字符流，* 然后通过JavaLexer生成词法分析结果，最后使用JavaParser生成语法树** @param code 待解析的Java代码字符串* @returns 返回解析生成的语法树*/
export const loadParser = (code: string) => {let charStream = antlr4ng.CharStream.fromString(code)let lexer = new JavaLexer(charStream)return new JavaParser(new antlr4ng.CommonTokenStream(lexer)).compilationUnit()
}/*** 获取包名** 此函数使用解析器构建代码的抽象语法树，然后遍历该树以找到并提取包声明* 如果找到包声明，它会进一步解析以构造完整的包名字符串** @param code 包含Java代码的字符串* @returns 提取到的包名字符串，如果没有找到包声明，则返回空字符串*/
export const getPackageName = (code: string) => {let packageName = ''// 获取包名的限定名称节点let qualifiedName = loadParser(code).packageDeclaration()?.qualifiedName()if (qualifiedName != null) {// 遍历限定名称中的标识符for (let i = 0; i < qualifiedName?.Identifier().length; i++) {if (i > 0) {packageName += '.'}packageName += qualifiedName.Identifier()[i]?.getText() || ''}}return packageName
}/*** 获取依赖信息** 该函数通过解析给定的代码字符串，提取出其中的依赖项* 主要用于代码分析，了解一个代码片段依赖于哪些外部模块或组件** @param code 需要解析的代码字符串* @returns 返回提取出的依赖项数组*/
export const getDependency = (code: string) => {return extractImports(loadParser(code), [])
}/*** 递归解析语法树*/
let extractImports = (tree: any, val: string[]) => {if (tree instanceof ImportDeclarationContext) {// 提取import语句val.push(tree.getText().replace(/^\s*import\s*/, ''))}// 递归遍历子节点for (let i = 0; i < tree.getChildCount(); i++) {extractImports(tree.getChild(i), val)}return val
}