Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Pesto Roblox Project ExplorerNew to Visual Studio Code? Get it now.
Pesto Roblox Project Explorer

Pesto Roblox Project Explorer

jianbe-03

|
1 install
| (1) | Free
Custom explorer for Roblox projects with official Roblox Studio icons and intelligent sorting, made specifically for Pesto.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🍝 Pesto Explorer for VS Code

The ultimate companion extension for the Pesto Roblox synchronization tool.

Pesto Explorer transforms your VS Code workspace into a powerful Roblox development environment. It provides a custom explorer view that mimics the Roblox Studio hierarchy, complete with icons, smart sorting, and integrated property editing.

✨ Features

1. 🌳 Roblox-Style Explorer

View your project structure exactly as it appears in Roblox Studio.

  • Official Icons: Uses standard Roblox Studio icons for all classes (Parts, Scripts, Services, GUIs, etc.).
  • Smart Sorting: Automatically organizes your hierarchy:
    • Services (Workspace, ReplicatedStorage, etc.) are pinned to the top.
    • Folders and containers come next.
    • Alphabetical sorting for everything else.

2. 🛠️ Integrated Properties Editor

Forget about editing raw __Properties__.yaml files manually.

  • Visual Editor: Select any instance in the Pesto Explorer to open the Properties panel in the sidebar.
  • Auto-Save: Changes are saved automatically as you type.
  • Type Support: Smart inputs for strings, numbers, booleans, and more.

3. ⚡ Live Visual Feedback

The explorer reacts to your changes in real-time.

  • Disabled State: If you set Enabled to false in the properties panel, the script's icon in the explorer will immediately turn gray and show a "Disabled" badge.

4. 📑 Smart Tabs

Stop getting lost in a sea of __Source__.luau tabs.

  • Instance Naming: When you open a script from the Pesto Explorer, the tab title shows the actual name of the script (e.g., PlayerController.luau) instead of the generic filename.

🚀 Getting Started

  1. Ensure you have Pesto installed and set up for your project.
  2. Open your Pesto-synced project folder in VS Code.
  3. Click on the Roblox Explorer icon in the Activity Bar (the package icon).
  4. Start developing!

🤝 Integration

This extension is designed to work seamlessly with the Pesto CLI and Roblox Plugin. It reads the file structure generated by Pesto (__Source__.luau and __Properties__.yaml) and presents it in a user-friendly way.

📦 Requirements

  • VS Code 1.70.0 or higher.
  • A project synced with Pesto.

Enjoy a better Roblox development workflow with Pesto! 🍝

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