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.

AI Code Preview

5.0

Preview, copy, and download code from AI responses. Supports HTML+CSS+JS, React components, and Vue single-file components.

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

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.

Formily DevTools (v3)

0.0

Formily DevTools (v3) for debugging application's state changes.

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.

AI Code Preview

5.0

Preview, copy, and download code from AI responses. Supports HTML+CSS+JS, React components, and Vue single-file components.

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

Google apps