AI 辅助编程与代码智能可视化实验室
将代码智能的核心机制——语法解析、补全预测、语义检索、静态分析、重构、测试生成、审查与模型架构——以可交互的 SVG 可视化呈现。
01
AST 抽象语法树可视化
解析器将源码逐字符扫描并归约为语法节点,形成树形结构。点击节点可展开/折叠子树,观察代码到语法树的映射。
声明/语句
表达式
字面量/标识符
当前高亮
02
代码补全原理
代码 LLM 将上下文窗口中的 token 序列编码,对词表概率分布做采样得到下一个 token。光标位置由填充目标(FIM)决定。
上下文 token预测 token光标 ▮
03
代码搜索与语义检索
将代码片段编码为高维向量,查询语句同样向量化后计算余弦相似度,检索语义最近的代码块而非字面匹配。
04
Bug 检测与静态分析
数据流分析跟踪变量的定义-使用链,当可能为 null/未初始化的值被解引用时,静态分析器标记潜在 bug 路径。
分析类型
过程间数据流
跨函数追踪 def-use 链
检出问题
空指针解引用
第 4 行 obj 可能为 null
置信度
92%
基于路径敏感分析
05
代码重构可视化
展示重构前后结构变化:将嵌套条件提取为早返回(Guard Clause),降低圈复杂度并提升可读性。
圈复杂度
7 → 3
降低 57%
嵌套深度
4 → 1
早返回消除嵌套
重构模式
Guard Clause
以卫语句替换嵌套条件
06
测试用例自动生成
从函数签名与实现推导输入域,结合边界值分析与等价类划分,LLM 生成覆盖多分支的测试用例并断言预期输出。
07
Code Review 自动化
AI 审查器按决策流逐项检查:风格规范 → 安全风险 → 性能 → 可维护性,对每项给出严重级别与建议。
08
Code LLM 架构
专用代码模型采用 Transformer 解码器 + 填充目标(Fill-in-the-Middle):用前缀与后缀包围光标,训练模型补全中间缺失代码。
架构
Decoder-only Transformer
因果注意力 + 残差连接
训练目标
FIM (PSM)
Prefix-Suffix-Middle 填充
词表
BPE + 代码专用 token
保留缩进与运算符