@lmiller1990/vue-devtools-inline

0.0.1 • Public • Published

vue-inline-devtools

This package provides a browser-side devtools client. It can be used to debug Vue applications inside of same-domain iframes. It also works in any browser-like environment (Chrome, Safari, Firefox, and Edge)

💿 Installation

Install the package globally:

npm i vue-inline-devtools -D

🚀 Usage

Using global package

Once you installed the package, you can import it in your application and bind it where you'd like the devtools to render:

import { inlineDevtools } from 'vue-inline-devtools'

// talk to a Vue app rendered inside of a same-domain iframe
inlineDevtools('#container', document.getElementsByTagName('iframe')[0])

This will only work on development build of your app.

🍻 Development

  1. Install all dependencies
yarn
  1. Run:
yarn build

This will watch src folder and compile files on change

  1. Demo:
cd example
yarn install
yarn watch

🔒 License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i @lmiller1990/vue-devtools-inline

Weekly Downloads

0

Version

0.0.1

License

MIT*

Unpacked Size

8.47 MB

Total Files

20

Last publish

Collaborators

  • lmiller1990