Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Clear ArchNew to Visual Studio Code? Get it now.
Clear Arch

Clear Arch

Clear Arch

|
5 installs
| (0) | Free
Visualize your entire codebase as an interactive architecture graph
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Clear Arch

Analyze project architecture in VS Code and visualize your entire codebase as an interactive architecture graph.

Website: https://clear-arch.com

Commands

  • Analyze with Clear Arch (clear-arch.analyze)
  • Check Clear Arch Extension State (clear-arch.checkState)

You can run commands from:

  • Command Palette
  • Explorer context menu
  • Editor context menu

Supported File Types

Current parser support is focused on:

  • .ts
  • .tsx
  • .js
  • .jsx
  • .html

Path Alias Notes

If your project uses import path aliases, ensure one of these files exists and is correctly configured:

  • tsconfig.json
  • jsconfig.json

And include alias mappings under:

  • compilerOptions.paths
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft