Group Code
New
Group Code transforms how you organize and navigate your codebase. Using special comments to tag related code sections across multiple files and languages, it creates a unified view that makes it easier to understand and work with complex projects.
Discover how Group Code transforms your coding experience with these powerful features
Automatically organize your code into logical groups based on functionality using smart comment detection.
Easily navigate related code sections across different files and languages.
View your codebase in a hierarchical structure based on functionality rather than file location.
Quickly find and jump to related code sections using the sidebar or command palette.
Works with 40+ programming languages, automatically detecting the appropriate comment syntax.
Automatically detects and groups code based on existing comments in your codebase.
Get started with Group Code in just a few simple steps
The easiest way to install Group Code is directly from the VS Code Marketplace:
Alternatively, you can install the extension manually using the VSIX file:
After installation, you'll see a new Group Code icon in your Activity Bar. The extension will automatically scan your workspace for code groups when you open a folder.
Learn how to create and navigate code groups in your projects
Add special comments to your code following this pattern: * GroupName: Description of functionality
The extension automatically recognizes different comment formats based on the file type:
Group Code automatically detects inline group markers, enabling you to:
Once you've added code groups to your project, you can navigate them in several ways:
Access these commands through the Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
Group Code works with 40+ programming languages
Common questions about Group Code
Regular navigation is file-based, while Group Code organizes by functionality. This helps you understand the project from a feature perspective rather than a file structure perspective, making it easier to understand and maintain complex codebases.
Group Code is designed to be lightweight and efficient. It scans files incrementally and caches results to avoid performance issues. For very large projects, the initial scan might take a moment, but subsequent operations are fast.
No, you can start by adding code group comments to just the most important parts of your codebase. You can gradually add more as you work with your project. The inline comment feature makes it easy to add groups without restructuring existing code.
Yes, the code group comments are just regular comments in your code, so they work perfectly with Git or any other version control system. The extension stores its data in a .groupcode folder which you can add to your .gitignore if you prefer not to track it.
If groups aren't appearing, try the "Refresh Code Groups" command. Ensure comments follow the exact pattern: * GroupName: Description. For inline comments, make sure there's a space after the comment marker (e.g., // * Group not //* Group). You can also check the Output panel (View → Output → Group Code) for detailed logs.
Simply add special comments in your code using the pattern "* GroupName: Description". The extension will automatically detect and group related code sections.
Group Code supports 40+ programming languages including JavaScript, Python, Java, C++, TypeScript, Ruby, Go, and many more. The extension automatically detects the appropriate comment syntax for each language.
Yes! You can customize the comment patterns and group organization through VS Code settings. This allows you to adapt Group Code to your team's coding style and preferences.
Absolutely! Group Code can analyze existing codebases and automatically detect code groups based on your existing comments. It's designed to work seamlessly with both new and existing projects.
Get the most out of Group Code with these tips
Use the same group name across different files to ensure related code is grouped together properly.
Choose meaningful group names that reflect functionality rather than technical details.
Consider using prefixes like "Auth:" for related groups to create a logical hierarchy.
Use the "Refresh Code Groups" command after significant changes to ensure your view is up-to-date.
Combine standalone comments for major blocks with inline comments for important individual lines.
Agree on group naming conventions with your team to maintain consistency across the project.