Instantly browse, filter, and navigate functions in PHP, JavaScript, TypeScript, and Python files with a sleek Function Navigator view in Explorer, designed to save time and improve code clarity.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Instantly browse, filter, and jump between functions in your code — across PHP, JavaScript, TypeScript, and Python — all from a sleek tree view right inside the VS Code Explorer.
Make sense of large files in seconds. Save time. Stay in flow.
✨ Features
🗂️ Explorer Integration – View all functions in a structured tree sidebar
⚙️ Multi-Language Support – PHP, JavaScript, TypeScript, and Python
⚡ One-Click Navigation – Jump directly to any function with a click
🧩 Lightweight & Fast – Zero external dependencies
🖼️ Preview
Quickly explore and jump to functions without leaving your current file
💡 Why Developers Love It
“Finally, a clean and fast way to see my project’s structure at a glance.”
Makes refactoring large files painless
Perfect for onboarding into unfamiliar codebases
Keeps your workflow focused — no manual scrolling needed
⚙️ Commands
Command
Description
Function Tree: Navigate to Function
Open function tree and jump to a function
Function Tree: Refresh
Refresh the current function list
Function Tree: Debug Tree
Log internal tree data for debugging
🔧 Configuration
Setting
Description
Default
functionTree.enabled
Enable/disable function display
true
functionTree.filterRegex
Regex to filter visible functions
""
functionTree.pythonMaxDepth
Max nested depth for Python
5
🚀 Installation
Install directly from the Visual Studio Marketplace or search for “Functions Navigator” inside VS Code.
ext install CodeUnit-TL.function-tree
⭐ Support the Project
If Functions Navigator makes your coding a little smoother, please consider supporting it: