Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>code-panoramaNew to Visual Studio Code? Get it now.
code-panorama

code-panorama

HeaiStudio

| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Panorama (代码全景图)

Version License

Code Panorama 是一款专为 C# 开发者打造的硬核代码架构可视化工具。它通过静态分析,将复杂的代码逻辑重构为直观、交互式的“全息拓扑沙盘”,帮助开发者快速洞察项目结构。


✨ 核心特性 (Key Features)

  • 🔍 深度解析 (Deep Parsing): 自动扫描 C# 项目,提取目录 (L1)、类 (L2) 与方法 (L3) 的多级嵌套关系。
  • 🌐 交互式拓扑 (Interactive Topology): 基于 Vue-Flow 的动态画布,支持缩放、拖拽与节点聚焦。
  • 🔗 战术级连线 (Tactical Connectivity): 独创的跨域调用连线算法,清晰展现 Method 之间的逻辑触发链路。
  • 🚀 工业级视觉 (Industrial Aesthetic): 极简、高对比度的 UI 设计,提供极致的工程分析体验。
  • 🧩 DLC 架构 (Decoupled DLC): 插件采用前后端解耦架构,确保在处理大型工程时依然流畅稳定。

🛠️ 如何使用 (How to Use)

  1. 在 VS Code 中打开一个 C# 项目。
  2. 按下 Ctrl+Shift+P 唤起命令面板。
  3. 输入并执行 Code Panorama: Start。
  4. 在弹出的全景视图面板中,点击左侧节点展开层级。

🛠️ 技术细节 (Technical Details)

  • Parser: 基于 Tree-sitter 的高性能 C# 语法解析。
  • Frontend: Vue 3 + TypeScript + Vue-Flow.
  • Architecture: 采用前后端分离的插件模式,提升性能表现。

📜 许可证 (License)

本项目采用 MIT License。


Built with ❤️ by HeaiStudio

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft