Welcome to the Codebase Knowledge Navigator! This VS Code extension enhances developer productivity by providing interactive visual maps of your codebase, making it easier to navigate and understand complex projects.
Features
Interactive Code Maps: Automatically generates visual maps of your codebase, showing relationships between files.
Hover Information: Get instant metadata about files, including imports and file names, by hovering over components in the map.
Search Feature: Quickly locate specific files within the code map using an integrated search function.
Streamlined Onboarding: Perfect for onboarding new developers, allowing them to quickly grasp the structure of large projects.
Improved Collaboration: Helps teams understand code interdependencies, making collaboration smoother.
Requirements
Before generating the code map, please ensure that the node_modules directory is deleted. You can do this by running the following command:
rmdir node_modules
Ensure the following dependencies are installed for smooth functionality:
Node.js: Required for running the React-based interactive maps.
VS Code version 1.60 or higher: Ensure that your VS Code installation is up to date for optimal compatibility.
How to Generate the Code Map:
Add this extension in Visual Studio Code.
Press Ctrl+Shift+P to open the Command Palette.
Enter the command Generate Code Map.
The code map will be generated for your project, allowing you to easily explore file relationships and structures.