Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Custom File OrderNew to Visual Studio Code? Get it now.
Custom File Order

Custom File Order

RARI

|
28 installs
| (0) | Free
Custom file and folder ordering in explorer with drag & drop support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Custom File Order

A powerful VS Code extension that allows you to customize the ordering of files and folders in the Explorer panel.

Usage

  1. View Custom Order Panel: Look for "Custom File Order" in the Explorer sidebar
  2. Set Custom Order: Right-click on any folder → "Set Custom Order for This Folder"
  3. Reorder Items: Use "Move Up" / "Move Down" context menu options
  4. Configuration Panel: Click the gear icon to open the visual configuration panel
  5. Apply Templates: Use "Apply Project Template" for common project structures

Examples

React Project Structure

{
  "customFileOrder.rules": {
    "src": {
      "order": ["App.jsx", "index.js", "components", "hooks", "pages", "utils", "assets"],
      "type": "manual"
    }
  }
}

📄 License

This project is open source and available under the MIT License. And am not enough for building a Extension so i keep it open source :>

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft