Page Development Efficiency Tool

Click on any DOM element on the page, and it will automatically open your IDE and position the cursor to the source code location corresponding to that DOM element.

Setup

1. Install the plugin

NPM

$ npm add @winner-fed/plugin-code-inspector -D

YARN

$ yarn add @winner-fed/plugin-code-inspector -D

PNPM

$ pnpm add @winner-fed/plugin-code-inspector -D

BUN

$ bun add @winner-fed/plugin-code-inspector -D

2. Enable the plugin in the .winrc configuration file

import { defineConfig } from 'win';

export default defineConfig({
  plugins: [require.resolve('@winner-fed/plugin-code-inspector')],
  codeInspector: {}
});

Configuration and Parameters

Reference: CodeInspector