"Archikoder Lens" enhances your VS Code experience by providing a visual representation of your code's internal relations. It renders the structure of any file you open in your editor, making it easier to understand complex codebases and identify potential issues like orphaned files and infinite code loops.
News:
Re-founded interface: A new and richer interface to expose to optimize your reading. A more organized layout with a clear level of abstraction: You'll see the most global insights at top right and the most details of code at bottom left.
Focus on work: You can select your prefered level of abstraction: global, open files, viewed file point of view, viewed file code details. Make it full screen if needed
Better IDE integration: No more need to manually add files to the visualizer: When files interest you, just open it in the editor
UML is back: View all opened files uml class diagram representation in "UML MODE". You can export the MERMAID code
LIVE is back: Editing and saving files in Editor updates the visualisations
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:
PreAnalysis: All your codebase is analysed at start (all files that are not "git-ignored") to resolve files dependencies. Click on the bottom progression bar to "re-run analysis".
Click reference: Click or double-click on graph nodes to open the corresponding file. Click on code node to be redirected to that node in the file.
Full screen: Hide other view panel and maximized the section you are interested the most to focus on it