SheepNav
Code Lens

Code Lens

producthunt.com

让代码活起来

2个月前制作者:Shubham Gupta

关于 Code Lens

Code Lens 是一款交互式代码可视化工具,专为帮助开发者深入理解算法和 LeetCode 解决方案而设计。只需粘贴任何算法或 LeetCode 代码,即可获得由 Gemini 驱动的逐步交互式可视化演示。

核心功能

通过 Code Lens,你可以将静态的代码转化为动态的可视化流程。无论是复杂的递归、动态规划还是图算法,工具都能以直观的动画形式展示每一步的执行过程,包括变量变化、函数调用栈和数据结构状态。

主要特性

  • 逐步可视化:自动生成代码执行的每一步,高亮当前行并展示变量和数据结构的变化。
  • 支持多种语言:兼容 Python、Java、C++ 等主流编程语言,覆盖 LeetCode 常见题型。
  • AI 驱动解释:基于 Gemini 模型,为每一步提供自然语言解释,帮助理解算法逻辑。
  • 交互式控制:可暂停、前进、后退,自由控制执行节奏,便于反复观察关键步骤。
  • 无需安装:纯 Web 应用,粘贴代码即可使用,无需配置环境。

适用场景

  • 刷题学习:在 LeetCode 上遇到难题时,使用 Code Lens 可视化运行,快速理解题解思路。
  • 教学演示:教师或博主可借助 Code Lens 展示算法过程,提升教学效果。
  • 面试准备:通过可视化加深对经典算法的记忆,从容应对技术面试。
  • 代码调试:快速定位逻辑错误,观察变量在每一步的预期与实际值差异。

相关工具