📂 File Size Viewer - VS Code Extension

Display file sizes directly in the VS Code file explorer!

✨ Features

✅ Show file sizes next to each file in the explorer. ✅ Display folder sizes when expanded. ✅ Customizable thresholds for small, medium, and large files. ✅ Colored icons to indicate file sizes (🔴 Red for large, 🟡 Yellow for medium, 🟢 Green for small). ✅ A dashboard panel to view the largest files in your project.

📥 Installation

From the VS Code Marketplace

Open VS Code
Go to Extensions (Ctrl + Shift + X)
Search for File Size Viewer
Click Install

Manual Installation

Download the .vsix file from Releases

Open VS Code and run:

code --install-extension file-size-viewer.vsix

🚀 Usage

Once installed, file sizes will appear next to files in the Explorer.

Set File Size Thresholds Go to Settings (Ctrl + ,) and search for File Size Viewer. Customize thresholds for small, medium, and large files.
Refresh File Sizes If file sizes are not updating, right-click the explorer and click: Refresh File Size Viewer.

⚙️ Configuration

Modify settings via VS Code settings:

Setting	Description	Default Value
`fileSizeViewer.smallSize`	Files smaller than this are green 🟢	`1MB`
`fileSizeViewer.mediumSize`	Files between small and large are yellow 🟡	`10MB`
`fileSizeViewer.largeSize`	Files larger than this are red 🔴	`50MB`

🛠️ Development

Clone the repository

git clone https://github.com/yourusername/file-size-viewer.git
cd file-size-viewer
npm install

Run in VS Code

Open the project in VS Code
Press F5 to run the extension in a new Extension Host Window

📜 License

🌟 If you find this extension useful, give it a star ⭐ on GitHub!

file-size-viewer

yash gupta