Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vscode-ast-explorerNew to Visual Studio Code? Get it now.
vscode-ast-explorer

vscode-ast-explorer

arichy

|
1,347 installs
| (2) | Free
Ast explorer as vscode extension.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-ast-explorer

This project is based on astexplorer. It allows you to inspect and interact with the ast of your code easily.

How to use? There are 2 ways:

  • Use command: show ast.

  • Click ast button at supported language editor's title area.(make sure the value of option ast.hideEditorTitleButton is false) alt command

Supported languages:

  • css
    • scss
    • less
  • go
  • graphql
  • html
  • java
  • javascript
    • jsx
  • typescript
    • tsx
  • json
  • lua
  • markdown
  • php
  • python
  • rust
  • scala
  • sql
  • svelte
  • thrift
  • vue
  • yaml

Default Configuration

{
  "ast.highlightConfig": {
    "backgroundColor": "rgba(255,240,6,0.4)", // highlight backgroundColor
    "borderRadius": "3px" // highlight border-radius
  },
  "ast.reuseWebview": false, // Does all ast open in one webview?
  "ast.hideEditorTitleButton": false // whether to hide the ast button in editor's title area, set to true if there are too many buttons in your title area.
}

Release

1. yarn build:web (The official astexplorer requires node 16 for some reasons, build extension and webview separately)
2. yarn build
3. vsce package
4. vsce publish
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft