"Archikoder Lens" enhances your VS Code experience by providing a visual representation of your code's graph. It renders the structure of any file you add to the visualizer, making it easier to understand complex codebases and identify potential issues like nested loops or function calls.
News:
Support 'all' languages: Now supporting any language, as long as you have your favorite tools and LSP server for your environment installed and active.
Module oriented: We removed all other access of the tool and replace it by an unique "View in Archikoder Lens" contextual menu to add files to the visualizer.
Key Features:
Files dependencies graph: Add as many file to the visualizer and relations between those files will be searched and displayed.
File internals: Double click on your file node to display its internal relations of the elements defined in it. Customize visual by changing abstraction level, spacing and relation types.
Installation:
Open VS Code: Launch your VS Code instance.
Open the Extensions View: Click on the Extensions icon in the Activity Bar (or press Ctrl+Shift+X / Cmd+Shift+X).
Search for "Archikoder Lens": Type "Archikoder Lens" into the search bar and select the extension from the results.
Install: Click "Install" in the top-right corner.
Usage:
Right click on a file in explorer: Select the file you want to visualize and click on the menu "View in Archikoder Lens".
Double click on a file in "Archikoder Lens": Display a subwindow to visualize and navigate the file internals.
Open in your editor: Click on any node in the subwindow to be redirected to the element definition in your file in the editor.
