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)

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