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

Project Symbol Explorer

Lester Cheong

|
7 installs
| (0) | Free
A VS Code extension that scans the workspace for all types, classes, and symbols (TypeScript, extensible to other languages) and renders a visual display of all symbols and objects using VS Code APIs.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Screenshot 2024-04-10 130039

Project Symbol Explorer

Project Symbol Explorer is a Visual Studio Code extension that scans your entire workspace for all symbols—such as classes, types, functions, and variables—using the VS Code symbol provider APIs. It then displays these symbols in an interactive webview panel, allowing you to visually explore the structure of your project.

  • Works ONLY with TypeScript and JavaScript projects (for now)
  • Can be extended to support other languages that provide symbol information through VS Code.
  • Uses the latest VS Code APIs for symbol discovery and visualization.

Features

  • Scans and lists all workspace symbols (classes, types, functions, etc.).
  • Interactive and visual display in a webview panel.

Commands

sorry, really lazy, but basically ctrl shift P > Project Symbol Explorer

 "activationEvents": [
    "onView:projectSymbolExplorerView",
    "onCommand:project-symbol-explorer.refreshSymbols",
    "onCommand:project-symbol-explorer.toggleSymbolExplorer",
    "onCommand:project-symbol-explorer.openInEditor"
  ],

Enjoy!

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