Item logo image for IDE Trace for Ionic Vue

IDE Trace for Ionic Vue

Item media 1 (screenshot) for IDE Trace for Ionic Vue

Overview

Open annotated Ionic Vue DOM nodes in Antigravity IDE or another local editor.

IDE Trace connects Chrome DevTools Elements inspection to local Ionic Vue source files. When your Vite dev server uses the IDE Trace Vue plugin, Vue SFC template nodes are annotated with source file, line, and column metadata. The Chrome DevTools sidebar reads that metadata from the selected DOM node or nearest traced ancestor and opens the matching source location in Antigravity or VS Code through a local native messaging host. Use it for local development when inspecting rendered Ionic Vue markup and jumping directly to the template that generated it. Requires: - A local Ionic Vue or Vue app running through Vite - The IDE Trace Vite plugin installed in the app - The IDE Trace native host installed locally No browsing data is collected or transmitted.

Details

  • Version
    0.1.1
  • Updated
    June 16, 2026
  • Offered by
    heyadityapatel
  • Size
    15.34KiB
  • Languages
    English
  • Developer
    Email
    heyadityapatel@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Open in VSCode

0.0

Open VSCode directly from GitHub

OpenCode Chrome Annotation

5.0

Annotate pages and send context into your local OpenCode setup

Github to vscode

3.7

Quickly open github repos with vscode.dev or clone a repo directly to vscode.

GitHub HTML Preview Local

0.0

Preview the currently displayed GitHub HTML source locally, without a GitHub access token.

webcode bridge

4.0

Connect Web AI to local VS Code.

Vue Devtools Unlocker

5.0

Debug Vue apps in production, without touching the source code.

Vs Code github

4.0

Extention chrome for adding vscode button in github

Divine DevTools

5.0

Visual DOM Inspector and AI Side Panel for web app development with Skills integration.

Vibe Annotations - Visual Feedback for AI Coding Agents

5.0

Visual annotations for localhost dev projects. Send feedback to AI coding agents like Claude & Cursor via MCP.

DOM Mutation Debugger

5.0

Visualise DOM mutations directly on your page - no need to keep DevTools open.

Github Open With

5.0

Open your Github repository with 3rd party web IDEs

Vibe Code Detector

0.0

Detects if a site was created using AI or Vibe Coding tools.

Open in VSCode

0.0

Open VSCode directly from GitHub

OpenCode Chrome Annotation

5.0

Annotate pages and send context into your local OpenCode setup

Github to vscode

3.7

Quickly open github repos with vscode.dev or clone a repo directly to vscode.

GitHub HTML Preview Local

0.0

Preview the currently displayed GitHub HTML source locally, without a GitHub access token.

webcode bridge

4.0

Connect Web AI to local VS Code.

Vue Devtools Unlocker

5.0

Debug Vue apps in production, without touching the source code.

Vs Code github

4.0

Extention chrome for adding vscode button in github

Divine DevTools

5.0

Visual DOM Inspector and AI Side Panel for web app development with Skills integration.

Google apps