/vue3-typescript-devtools-starter

A Vue3 TypeScript starter project to help developers get started developing Chrome/Chromium/Edge DevTools extensions

Primary LanguageTypeScriptMIT LicenseMIT

vue3-typescript-devtools-starter

A starter kit for developing Chrome/Chromium Dev Tools Extensions with Vue and TypeScript

screenshot

Project setup

npm install

Compiles and minifies for production under dist/ folder

npm run build

In Chrome

  1. enable Developer mode in the Extensions settings
  2. Load unpacked extension and select the dist/ folder
  3. Open the Developer Tools, Elements tab, and select Html dom elements in the inspected page. The app will render in the "Your Panel Name" panel

Customize configuration

See Configuration Reference.