Nibit is a smart file explorer for web projects. Quickly browse your workspace files by type and insert their paths directly into your code. Perfect for HTML, CSS, JS, TS, and JSON files.
Features
File Type Categories: Automatically organizes files by type (HTML, CSS, JS, TS, JSON) in a collapsible tree.
Quick Search: Search your workspace files by name and instantly highlight matching results.
Insert Paths: Click on a file to insert its relative path directly into the editor.
Dynamic Filtering: Tree expands automatically when searching and collapses when clearing.
VS Code Integration: Commands available in the activity bar and context menus for faster workflow.
Screenshots
Explorer Panel with Categories:
Search and Highlight Feature:
Insert Path in Editor:
Tip: You can use short GIFs instead of images for better visual demonstration.
Requirements
Visual Studio Code 1.109.0 or higher.
Works best with web development projects using HTML, CSS, JS, TS, or JSON.
No additional dependencies required.
Extension Settings
This extension contributes the following settings:
nibit.extensions: Array of file extensions to show in Nibit explorer. Default: ["html","css","js","ts","json"]
Example:
"nibit.extensions": ["html", "js"]
Known Issues
Large workspaces with thousands of files may result in slower search performance.
Currently does not support multi-root workspaces fully.
Release Notes
1.0.0
Initial release with file type categories, search, and insert path commands.
