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

AppEngine Config Explorer

Vasenin Personal Lab

|
31 installs
| (0) | Free
Tree view explorer for AppEngine YAML configurations
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AppEngine Config Explorer

A Visual Studio Code extension that provides an easy way to work through AppEngine configuration.

Features

  • Live Preview
  • Tree view visualization of AppEngine config relationships
  • Quick navigation, auto-select the items when navigation in editor
  • Hierarchical view of:
    • Pages
    • Templates
    • Components
    • Content Providers

careem/appengine-vscode

AppEngine Config Structure

AppEngine configs follow a hierarchical structure:

  1. Pages - Top level configs that define a page in the app

    • Each page references one or more templates through variants
    • Example: rides-home.yaml, food-discovery-home.yaml
  2. Templates - Reusable layouts that can be used across different pages

    • Templates reference one or more components
    • Example: quik-generic-listing-view.yaml, food-discovery-home-view.yaml
  3. Components - UI building blocks that make up templates

    • Components can have a content provider that supplies their data
    • Example: quik-discovery-banner-carousel.yaml
  4. Content Providers - Data providers for components

    • Define how components get their data
    • Example: quik-discovery-banners.yaml
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft