fitten code可将含分支或循环的代码自动生成横向流程图并导出png或markdown。在vs code中选中代码后右键选择“解释代码”，或用ctrl+alt+c唤起对话框输入mermaid指令，支持标注条件路径与变量状态。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让一段复杂逻辑的代码自动转成流程图或结构图，方便自己或同事快速理解执行路径和判断分支，Fitten Code能直接输出可视化解释结果，无需手动画图或切换工具。
用“解释代码”功能生成带流程图的逻辑说明
打开VS Code或Visual Studio，确保已安装并登录Fitten Code插件。
选中你要分析的函数或代码块（必须是完整可解析的逻辑单元，比如一个if-else嵌套块、一个for循环+条件判断组合、或一个返回明确值的方法体）。
右键 → 选择 【Fitten Code – 解释代码】。
等待几秒，右侧弹出解释窗口，顶部会显示「流程图」标签页——点击它，就能看到自动生成的横向流程图，含开始/结束节点、处理框、菱形判断、箭头走向及关键变量状态标注。
注意：若没出现流程图标签，说明当前代码片段缺乏明确控制流（如纯变量赋值序列），【需至少包含一个条件分支或循环结构】才能触发可视化生成。
在对话窗口中主动请求结构化图解
方法一：快捷键唤起聊天窗
按下 Ctrl+Alt+C（Windows/Linux）或 Control+Option+C（macOS），打开Fitten Code对话框。
Fitten Code 1.0.3是一款由清华博士团队打造的AI编程助手，基于国产计图（Jittor）深度学习框架开发。它支持VS Code、JetBrains系列等主流IDE及80多种编程语言。核心功能包括智能代码补全、注释生成、代码解释、Bug检测、单元测试生成等，旨在全方位提升开发效率。该工具对个人用户免费开放。
输入指令：“请把下面这段代码的执行逻辑画成流程图，并标注每个判断条件的真假路径”，然后粘贴代码。
方法二：选中后直接对话
先选中目标代码 → 按下 Ctrl+Alt+C → 输入“用Mermaid语法画出这段代码的流程图”，Fitten Code将返回可直接复制到支持Mermaid渲染器（如Typora、VS Code Mermaid Preview插件）中查看的代码块。
这一步操作起来很简单，直接把文件拖进去就行。但要注意：Mermaid输出默认为竖向流程图，若需横向布局，可在提问时明确写“horizontal flowchart TD”。
导出可视化结果为图片或Markdown
第一步：在解释窗口的「流程图」标签页内，点击右上角「Export as PNG」按钮。
第二步：选择保存路径，确认导出——生成的PNG图已包含清晰的节点文字、连接线与颜色区分（绿色箭头=真分支，红色=假分支）。
第三步：如需嵌入文档，点击同一位置的「Copy Markdown」，粘贴到支持渲染的Markdown编辑器即可实时显示。
⚠️ 导出前务必检查流程图是否完整覆盖所有分支路径，【若发现某条else路径未被绘制，说明原代码存在不可达分支或Fitten Code未能识别嵌套层级】，此时应简化代码后再试。
