/vue-devtools

Chrome devtools extension for debugging Vue.js applications.

Primary LanguageJavaScriptMIT LicenseMIT

vue-devtools

Important Usage Notes

  1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.

  2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.

screenshot

Works with vuex for time-travel debugging:

demo

Installation

Currently only a Chrome devtools extension is available.

Get it on the Chrome Web Store.

Manual Installation

Make sure you are using Node 6+ and NPM 3+

  1. Clone this repo
  2. npm install
  3. npm run build
  4. Open Chrome extension page
  5. Check "developer mode"
  6. Click "load unpacked extension", and choose shells/chrome.

Hacking

  1. Clone this repo
  2. npm install
  3. npm run dev
  4. A plain shell with a test app will be available at localhost:8080.

License

MIT